浅谈字体小图标font awesome,iconfont,svg各自优缺点

发布时间:2023-08-19 作者:超级管理员 来源:本站 浏览量(380) 点赞(62)
摘要:三种都是矢量图(即放大不失真),但是个自又有个自的优缺点,1.font awesome;(本人比较喜欢用的)优点:相对比较简单,查看官网看例子基本上都会用缺点:文件较大,影响加载速度注意引用的路径和版本;2.inconfont(阿里巴巴矢量图标库); (个人用的最多的一个)优点:用几个引几个,不会影响加载速度;可以用自

三种都是矢量图(即放大不失真),但是个自又有个自的优缺点,

1.font awesome;(本人比较喜欢用的)

优点:相对比较简单,查看官网看例子基本上都会用

缺点:文件较大,影响加载速度

注意引用的路径和版本;

2.inconfont(阿里巴巴矢量图标库);   (个人用的最多的一个)

优点:用几个引几个,不会影响加载速度;

可以用自己做的svg上传的iconfont自动转换成字体,更加灵活。

缺点:自己上传svg再下载,需要会做svg,要有一定的作图功底;

操作流程繁琐(自己上传的或者官网搜索的————– 加入购物车——– 添加至项目(自己建的项目) ——-项目文件下载到本地——-引用到代码中)

3.svg,(个人认为最好转化为iconfont字体小图标,)

优点:单个引用,比较灵活;

缺点:svg代码较长,使页面看起来丑陋;

二维码

扫一扫,关注我们

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!