跟平常使用差别不大,只是需要转换一下。
font-awesome.css
文件,将字符编码以上部分
复制到app.wxss
;fontawesome-webfont.ttf
(理论其它文件格式也可以转换,并未尝试),选择base64
编码,formats
只选择TTF
,convert
后下载;style
文件,打开后将其中@font-face
部分的代码复制,替换掉app.wxss
中的@font-face
部分;font-awesome.css
中的字符编码内容,加入到微信小程序的app.wxss
文件中,使用哪个就加哪个.class="fa fa-user"
即可,如<text class="fa fa-user"></text>
。E:. │ app.js │ app.json │ app.wxss │ config.js │ ├─font-awesome-4.7.0 │ ├─css │ │ font-awesome.css │ │ font-awesome.min.css │ │ │ └─fonts │ fontawesome-webfont.eot │ fontawesome-webfont.svg │ fontawesome-webfont.ttf │ fontawesome-webfont.woff │ fontawesome-webfont.woff2 │ FontAwesome.otf │ ├─pages │ └─index │ index.js │ index.wxml │ index.wxss
参考:
本文作者:青波
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!