將ttf檔案base64編碼後使用

陳明明發表於2017-12-14

我的使用場景

使用cordova打包應用後發現有部分iconfont圖示不顯示

編碼工具

在這個網站上進行編碼]

將編碼好的內容複製到程式碼中

...
@font-face {font-family: "iconfont";
 src: url(data:font/truetype;charset=utf-8;base64,編碼後的內容)format('truetype');
}
..
複製程式碼

注意點 編碼後的檔案有寫不需要的換行,在Visual Studio code中可以用shift + alt +滑鼠左鍵可以較為便捷的刪除。

參考

iccky

相關文章