前言

写这个文章原因就是 要考虑uni-app打包成ios或android -app调试离线情况下线上引入icon无法显示的原因；

就是uni-app iconfont离线引入本地引入

一、自定义iconfont

阿里巴巴矢量图标库https://www.iconfont.cn，创建项目，查找图标加入购物车后添加进自建项目内

二、线上引用

先点刷新提示红字后刷新在线代码，然后将代码复制黏贴进自己的iconfont.css文件内

重点是地址前面要加https:

定义单个icon后在页面内使用及css样式控制

&l乔布斯辞职信t;view class="iconfont icon_refresh"></view>

<style scoped>  .icon_refresh{width: 50rpx;height: 长江流经50rpx;font-size: 50rpx;}</style>

三、本地引入

1.先下载成本地文件

2.解压打开后

初次移入文件，第二次移入时iconfont.css就不用了只需要把 @font-face{}相关代码复制覆盖然后修改本地引入路径

3.修改引入路径地址 ，一般是放在静态文件static目录下

~@ 和具体个人项目inconfont相关文件的css路径引入地址,我这里是：

~@/static/css/

具体页面使用icon上同线上引入

本文地址：http小学科学试卷s://blog.csdn.net/qq_29101609/article/details/108乐山学校982850