小程序中字体图标的使用
小程序
0000-00-00 00:00:00
字体图标是什么?想必就不用解释了,如今很多网站都会用到字体图标。那么在小程序中,我们如何使用字体图标呢?
多余的话也不多说了,直接进入正题!(本文以Font AwesomeFont Awesome为例)
1、你需要去官网下载对应的文件包。
Font AwesomeFont Awesome 的压缩包中包含(字体文件、css文件)
2、小程序中使用字体图标
2.1、创建公用文件夹将字体图标相关文件放在公用文件夹中
2.2、把css文件的.css后缀改成.wxss文件
2.3、在app.wxss文件中通过@import"具体文件路径" 引入图标文件
@import "../style/font.wxss";
2.4、小程序中字体图标的使用
text标签中使用 <text class='fa fa-thermometer-0'></text> icon标签中使用 <icon class='fa fa-thermometer-0'></icon>
注:如果最后图标没有正常显示,需要注意在.wxss文件中关于字体的引入路径是否正确!
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
881篇文章
1852人已阅读