在Vue中使用 阿里iconFont
1.新建项目 (这样方便后期维护图标库)
1.1).项目名称,
如果是多位伙伴共同需要这个图标库,可以通过用户名的方式添加到 “ 协作者 ”
2.把需要的图标添加到购物车 并 添加到项目
3.这里有 在线链接 和 下载到本地两种方式
3.1)由于这个库中已经有了图标,再次添加会提示更新在线链接
3.2)点击复制链接 (在 link 引入时 需要添加 http:// 前缀)
3.3)本地引入 (最好使用相对路径 ./ )
4.本地引入 (最好使用相对路径 ./ )
4.1).标签写法
4.2).静态资源类型文件,需要放到 static 这个文件夹 (
ps:被坑了一下午各种调试
)
如果图标不能正常显示 注意查看路径是否正确 , 浏览器缓存是否清除。
第一次分享,希望能帮助到各位。
上一篇下一篇