博客

准备

下载阿里图标到本地（

https://www.iconfont.cn/

），uniapp不支持symbol格式

校验

https://transfonter.org/

点击ADD fonts 添加下载的 iconfont.ttf 文件，配置如下图，点击convert保存，Download。

配置

把阿里图标的iconfont.css 复制到项目里，删除@font-face{ }里的代码，把下载下的stylesheet.css的文件复制到iconfont.css文件里。

使用

main.js全局引入

import './static/common/icon/iconfont.css'//导入图标

界面使用icon

<text class="iconfont icon-search"></text>

注意

使用时要记得加前缀iconfont，不然只是一个小框框。