王大路233
Web前端
雨一直下，气氛不算融洽
获得徽章 0
- 每日有感：
字体图标被svg图标取代的原因
1.字体图片说到底还是字体文件，
字体图标的制作更麻烦，
清晰度更差（字体图标被视为文本，所以是有抗锯齿的，而svg是直线向上矢量），
在无障碍浏览上体验更差，
浏览器（包括pc和移动端）支持上更差（主要是对@font-face属性的支持），
在开发者查看图标具体位置大小时有难度（svg是多大，展示的图标就是多大，但是字体图标还有间隙，例如：line-height, vertical-align, letter-spacing, word-spacing）
2.字体文件使用之初是得益于他可以使用color和font-size来控制图标大小和颜色，但是这个最重要的属性svg图标也可以实现
综上，svg图标完胜![[白眼的狗]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_98.9f6d4ad.png)
展开32
code.juejin.cn![[白眼的狗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_98.9f6d4ad.png)