看了网上很多的解决方法,都不行,最后还是解决了。
绝大部分报错的应该都是 路径引入问题,如下图:
结果网上找了很多方案,都没办法解决(uni-app更新后应该是帮大家解决了这个问题)- 本文适合刚入门 uniapp 的小白 -
1.先从iconfont网站上 本地下载项目文件
2.然后把iconfont.css 这一个css文件 拷贝到 任一文件下就行(个人建议在static下)
3.iconfont网站上在点击生成代码,然后点击复制代码,只需要ttf格式的地址就行 ---> src: url('//at.alicdn.com/t/font_1667580_2275ydhdx8x.ttf') format('truetype')
4.网上说的需要在 //at前面 加 https 和 font-family 的 名称 都换掉,现在uniapp的版本已经不需要了,加上https就会报错。
5.组件中使用字体图标
6.最后在App.vue 的 style标签下 引入 我们的 iconfont.css
7.最后刷新小程序,我们的图标就出来了。
喜欢的 可以收藏噢 ~