浅谈字体小图标font awesome,iconfont,svg各自优缺点
2024-10-18 11:52:29
三种都是矢量图(即放大不失真),但是个自又有个自的优缺点,
1.font awesome;
优点:相对比较简单,查看官网看例子基本上都会用 (http://www.bootcss.com/p/font-awesome/)
缺点:文件较大,影响加载速度
注意引用的路径和版本;
2.inconfont(阿里巴巴矢量图标库); (个人用的最多的一个)
优点:用几个引几个,不会影响加载速度;
可以用自己做的svg上传的iconfont自动转换成字体,更加灵活。
缺点:自己上传svg再下载,需要会做svg,要有一定的作图功底;
操作流程繁琐(自己上传的或者官网搜索的-------------- 加入购物车-------- 添加至项目(自己建的项目) -------项目文件下载到本地-------引用到代码中)
3.svg,(个人认为最好转化为iconfont字体小图标,)
优点:单个引用,比较灵活;
缺点:svg代码较长,使页面看起来丑陋;
qa补充:
自己上传的icon大小不一,颜色不一?
颜色统一:上传去除颜色;
大小统一:制作的时候注意下
png 怎么做成的svg ?
保存为eps,然后放到ai里头,保存为svg
未完待续。。。。。。。。。。。。
最新文章
- 20145205 《Java程序设计》第9周学习总结
- python走起之第九话
- 学习Linux入门50个基本命令
- MySQL 数据库双向镜像、循环镜像(复制)
- i3D的一篇Unity教程中的笔记
- ural 1221
- 信号之abort函数
- 关于ionic的一些坑(1)
- Adnroid Studio使用技巧
- 超级密码(dfs)
- GitHub以及Git学习 持续编辑学习中
- linux中权限对文件和目录的作用
- numpy C语言源代码调试(一)
- Linux下编译安装php7.2
- day14- 面向对象基础(一)
- Mac 电脑如何安装mac os 和win7双系统(win7多分区)
- SQL Server 备份到网络盘网络映射盘
- 串口发送端verilog代码分析
- etcd raft如何实现Linearizable Read
- easyui tab上面添加右键菜单
热门文章
- hdu4678 Mine 2013 Multi-University Training Contest 8 博弈题
- http://codeforces.com/contest/845
- 用ESP8266+android,制作自己的WIFI小车(Android 软件)
- MongoDB学习教程(3)-常用命令
- webpack2使用ch5-多页面设置 内部js和引入js
- zoj1109 水题(大神绕道) Language of FatMouse
- 关于安全性问题:(XSS,csrf,cors,jsonp,同源策略)
- jquery定时刷新数据
- PPLB条码打印
- JavaScript HTML Dom改变HTML