浅谈字体小图标font awesome，iconfont，svg各自优缺点
发布时间：2023-08-19
作者：超级管理员
来源：本站
浏览量（452）
点赞（82）
摘要：三种都是矢量图（即放大不失真），但是个自又有个自的优缺点，1.font awesome；(本人比较喜欢用的)优点：相对比较简单，查看官网看例子基本上都会用缺点：文件较大，影响加载速度注意引用的路径和版本；2.inconfont(阿里巴巴矢量图标库); （个人用的最多的一个）优点：用几个引几个，不会影响加载速度；可以用自
三种都是矢量图（即放大不失真），但是个自又有个自的优缺点，
1.font awesome；(本人比较喜欢用的)
优点：相对比较简单，查看官网看例子基本上都会用
缺点：文件较大，影响加载速度
注意引用的路径和版本；
2.inconfont(阿里巴巴矢量图标库); （个人用的最多的一个）
优点：用几个引几个，不会影响加载速度；
可以用自己做的svg上传的iconfont自动转换成字体，更加灵活。
缺点：自己上传svg再下载，需要会做svg，要有一定的作图功底；
操作流程繁琐（自己上传的或者官网搜索的————– 加入购物车——– 添加至项目（自己建的项目） ——-项目文件下载到本地——-引用到代码中）
3.svg，（个人认为最好转化为iconfont字体小图标，）
优点：单个引用，比较灵活；
缺点：svg代码较长，使页面看起来丑陋；
扫一扫，关注我们
82