小程序中使用iconfont图标

首先在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字体文件的，所以只能生成在线的进行使用