在Vue中使用 阿里iconFont

1.新建项目 (这样方便后期维护图标库)

1.1).项目名称, 如果是多位伙伴共同需要这个图标库,可以通过用户名的方式添加到 “ 协作者 ”

2.把需要的图标添加到购物车 并 添加到项目

3.这里有 在线链接 和 下载到本地两种方式

3.1)由于这个库中已经有了图标,再次添加会提示更新在线链接

3.2)点击复制链接 (在 link 引入时 需要添加 http:// 前缀)

3.3)本地引入 (最好使用相对路径  ./   )

4.本地引入 (最好使用相对路径  ./   )

4.1).标签写法


4.2).静态资源类型文件,需要放到 static 这个文件夹 ( ps:被坑了一下午各种调试 )

如果图标不能正常显示 注意查看路径是否正确 , 浏览器缓存是否清除。


第一次分享,希望能帮助到各位。

你可能感兴趣的:(在Vue中使用 阿里iconFont)