微信小程序中使用iconfont/font-awesome等自定義字體圖標

 

小程序不能識別外部字體文件，可是轉換成Base64就能夠使用字體圖標了。

以阿里巴巴的iconfont爲例

1.下載圖標

先去官網下載喜歡的圖標==》

下載解壓後的文件夾==》

2.在線轉換

打開https://transfonter.org/這個網站，將ttf格式的圖標文件轉換爲base64的

完成以後，下載

3.添加css文件

下載好以後的css文件

複製到須要引用的wxss文件中（全局調用就放到app.wxss中）；

複製原始css文件中的如下內容到上面的相同文件中：

4.調用

效果：

 

備註：

關於第三步：

不必定全局引用複製；也能夠單獨註冊成wxss文件，@import引入；

關於第四步：

引用方式不少，不限於以上示例方式~