2020.04
小程序本地使用阿里巴巴矢量圖標庫不用之前那么復雜啦~
使用
【Font class】模式下載至本地
將【iconfont.css】文件修改成【iconfont.wxss】文件，放到小程序中
引入
和H5一樣的使用。
下面文章是2年前寫的，那時候還需要網站轉換，現在下載的iconfont.css無需轉換，改下文件格式就好了，引用和H5一樣
-------------------------------------------分割線-------------------------------------------
好，忙，我懂.....
首先把圖標放進項目里(廢話)；
接下來把這些圖標下載到本地（這里不介紹網絡途徑了，下載就完事了）
然后利用一個網站將這個ttf文件轉成base64文件https://transfonter.org/（幽幽綠光中夾雜了一些愛情的顏色）沒錯，就是這個網站
進入 https://transfonter.org/ 網站后界面是醬紫，然后我們用 阿里的iconfont.ttf文件 去轉換成我們需要的CSS文件
下載之后就得到我們想要的css文件啦
打開我們的薇信小程序，建立一個新的公共的樣式表，例如這樣：
之后就把我們轉換好的css樣式文件復制粘貼進去（人類的本質就是復讀機 /手動滑稽），復制進去之后你會發現是這個鬼樣子：
無妨，能用就好，可能這就是base64吧~
引用 樣式的部分我們差不多完成了，下面我們去 使用 這個樣式
首先寫個標簽，ps：class名字隨意，這里 用性價比高 的class名來舉栗，
之后你就得到等同於HTML <i class="iconfont icon-biaodan"></i> 的圖標
之后圖標就出來了
另外在重復一遍剛才的字符修改
要將前三位 &#X 替換成 \ 符號
PS：這套流程是最直接的，但不是最好的，還有一些CSS上的使用優化，我想只需要幾張圖，你就會秒懂。其他的地方還待在使用中去發現，附圖：
那么，前路昭然，你我共進