在Vue中使用 阿里iconFont

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

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

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

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

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

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

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

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

4.1).标签写法


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

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


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容