【微信小程序】引用FontAwesome字体

1. 到Font Awesome官网下载字体包:http://www.fontawesome.com.cn/

2. 打开压缩包找到.ttf文件

3. 打开字体上传到网址 https://transfonter.org/,选择base64 编吗 ,convert后下载

4. 下载转换后的文件

5. 新建一个fontAwesome.wxss文件,将stylesheet.css的内容复制到里面

6. 打开1中的文件font-awesome.css,复制里面的css(去掉@font-face部分)到新建的fontAwesome.wxss文件中

7. 在全局的app.wxss文件中引入fontAwesome.wxss,然后这样使用:<text class="fa fa-user"></text>

说明:由于我用的是font Awesome字体,这里只提到font Awesome字体的引用方式,像iconfont字体也是可以类似引入的。

原文地址:https://www.cnblogs.com/myitnews/p/12123820.html