【微信小程序】引用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字体也是可以类似引入的。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM