uniapp-字體圖標使用-解決字體圖標無法正常顯示（IOS顯示正文形/問號）

前言：字體圖標常用到的是阿里的iconfont，阿里的iconfont在IOS默認顯示的基本是沒有問題的，但是有時候圖標顯示不正常，比如：顯示正方形、或者問號。在buttons引用的字體圖標如果是固定的，不是動態修改一般是沒有問題的，但是有的時候關係到字體圖標的動態切換。在安卓上點擊字體圖標進行切換是正常的，在IOS就出現以上提到的正方形、或者問號,我嘗試了百度字體的Iconfont在安卓和蘋果都是正常的。

---

PS：在IOS上圖標顯示不出來的效果

最終效果：

PS：百度字體Iconfont在安卓和IOS上不管是靜態還是動態的圖標切換都是可以正常顯示的

阿里Iconfont地址：https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a
百度字體Iconfont地址：http://fontstore.baidu.com/store#!/myupload

---

字體圖標的使用
PS：以下是在百度字體平臺

---

導出

---

導出的壓縮包-解壓後的文件
PS：bdfont.ttf是字體文件;icon.css是字體圖標代碼

---

uniapp引用Iconfont圖標

1. 將字體複製到項目static目錄下
   

---

2. 在buttons引用，text是裏面的\後面必須加u後面的e001便是icon.css文件的.icon-draft_box:before裏面的content
   
   icon.css文件
   PS：可以同時下載多個字體圖標

   單個圖標下載的icon.css
   
   多個圖標下載的icon.css