目的
為了解決 微信小程序 中不能引用字體文件或者 cnblog 不能上傳字體文件，將字體文件轉為base64或者其他格式直接引入到css中！
操作步驟
第一步
打開網站 ：https://transfonter.org/ 這是一個在線將ttf轉換為base64 或者其他格式的工具
第二步
上傳字體文件並選擇 base64 encode，Formats選擇WOFF及WOFF2
上圖說明一下各大瀏覽器對 eot、svg、ttf、woff 幾個文件格式的支持程度就知道為什么只選擇WOFF：
pc端：
移動端：
第三步
下載轉換后的文件，解壓 .zip文件，打開 stylesheet.css，@font-face下的 src 就是轉換后的base64流，歡快地復制到你的項目中使用吧！
拓展資料
TrueType字體（TTF）
TrueType一直是Mac OS和Windows操作系統上最常用的字體格式。格式允許最基本類型的數字版權管理 - 一個可嵌入的標志，指定作者是否允許將字體文件嵌入到PDF文件和網站等內容中。
所有主流瀏覽器都支持這種格式，但只有當嵌入位設置為可安裝時，TTF字體才能在IE 9及更高版本中使用。
嵌入式開放式（EOT）
這種格式是由微軟（@ font-face的原始創新者）在15年前創建的。這是IE8及以下使用@ font-face時唯一可識別的格式。
TrueType字體可以通過ttf2eot（開源實用程序），eotfast（僅限Windows）或Web嵌入字體工具 （用於生成可嵌入Web字體的Microsoft實用程序）轉換為EOT 。
Web開放字體格式（WOFF / WOFF2）
由Mozilla與其他組織共同開發的WOFF字體創建在網絡上使用，其加載速度通常比其他格式更快，因為它們使用OpenType（OTF）和TrueType（TTF）字體使用的壓縮版本結構。它是在2009年開發的，現在是萬維網聯盟（W3C）建議書。此格式還可以包括字體文件中的元數據和許可證信息。這種格式似乎是贏家，所有瀏覽器都在這里。
所有主流瀏覽器都支持WOFF格式：
-
-
- Firefox自3.6版以來
- Google Chrome自6.0版以來
- Internet Explorer 9
- Opera自11.10版以來
- Safari 5.1
- 自WebKit構建528以來其他基於WebKit的瀏覽器。
-
從TTF獲取WOFF字體文件的最簡單方法是使用sfnt2woff。
WOFF2是下一代WOFF。新的WOFF 2.0 Web字體壓縮格式比WOFF 1.0提供了30％的平均增益（在某些情況下高達50％+）。
WOFF2瀏覽器支持：
-
-
- 谷歌Chrome 36
- 歌劇23
- Firefox 35（默認禁用）
-
谷歌有特殊的工具來制作TTF的WOFF2字體。
可縮放矢量圖形字體（SVG）
SVG字體是包含表示為標准SVG元素和屬性的字形輪廓的文本文件，就好像它們是SVG圖像中的單個矢量對象一樣。但這也是SVG字體的最大缺點之一。雖然EOT，WOFF和PostScript風格的OpenType具有內置於字體格式的壓縮，但SVG字體始終是未壓縮的並且通常非常大。SVG字體的主要缺點是沒有提供字體提示。
這種格式是Safari for iOS（iPhone，iPad）4.1及以下版本所允許的唯一格式。目前，Firefox，IE，IE Mobile和Opera Mini不支持SVG字體。
可以使用FontForge將TrueType字體轉換為SVG 。
TrueType Collection（TTC）
TrueType Collection（TTC）是TrueType格式的擴展，允許將多種字體組合到一個文件中，為具有許多共同字形的字體集合創造大量空間節省。它們首先在中文，日文和韓文版本的Windows中提供，並且支持Windows 2000及更高版本中的所有區域。
從Mac OS 8.5開始，Mac OS包括對TTC的支持。