首先在iconfont官网中进行下载到本地
直接将下载本地的文件进行解压之后将iconfont.css文件，只要这一个文件
将iconfont.css文件复制到小程序项目中的文件夹下，将.css改为wxss
在点开iconfont官网，你下载图标的图标库中
image.png
生成这个在线的链接，进行复制代码，在小程序你复制的那个iconfont.wxss中将这个进行替换，就可以了
image.png
在app.wxss文件中引入全局的iconfont.wxss文件就可以使用了
image.png
页面中进行使用
<view class="iconfont icon-shouyin"></view>
为什么不能使用本地的文件直接进行引入
- 因为小程序不支持.ttf，而我们的iconfont.css文件中是引入了.ttf字体文件的，所以只能生成在线的进行使用
网友评论