1. 在iconfont网站下载需要的图标
![](https://i-blog.csdnimg.cn/blog_migrate/baf324a50d473e92ea4e6f32ef27641b.png)
2. 将css和tff文件放进common文件夹里
![](https://i-blog.csdnimg.cn/blog_migrate/5fd9cc2f52e503be010c04af33a1f2dc.png)
3. 在css文件里引入tts文件
![](https://i-blog.csdnimg.cn/blog_migrate/489071ae677dccb1a0f30929073a49e4.png)
4. 在App.vue里引入字体图标
![](https://i-blog.csdnimg.cn/blog_migrate/9ed1545417f9ba01d89ab2f268ec6e6e.png)
5. 在页面使用字体图标(类名:iconfont + 字体图标名称)
<view>
<view class="iconfont icon-24gl-checklist"></view>
<view class="iconfont icon-others"></view>
<view class="iconfont icon-unorderedlist"></view>
</view>
![](https://i-blog.csdnimg.cn/blog_migrate/8cc0fdee19faa1d5fa11df1ed2f15ce8.png)