离线使用字体图标

1、打开阿里巴巴字体图标网站,选择图标库

uni-app使用字体图标(iconfont)

2、选择想要的图标,点击购物车图标添加入库,依次添加想要的图标,完成后点击右上角的购物车图标

uni-app使用字体图标(iconfont)

3、点击添加至项目(如果没有新建过项目,这里会显示“添加项目”),选择(或新增)一个项目

uni-app使用字体图标(iconfont)

 

4、点击下载至本地

uni-app使用字体图标(iconfont)

 

5、解压下载的文件,复制iconfont.css至项目的static目录下

uni-app使用字体图标(iconfont)

 

6、按照以下描述处理文件

uni-app使用字体图标(iconfont)

 

7、处理完成后的文件

uni-app使用字体图标(iconfont)

8、在APP.vue中引入图标

uni-app使用字体图标(iconfont)

 

9、页面中使用

uni-app使用字体图标(iconfont)

 10、运行效果

uni-app使用字体图标(iconfont)

 

在线使用字体图标请点击此链接

相关文章: