字体图标总结

时间：2019-11-07 14:52:02 阅读：103 评论：0 收藏：0 [点我收藏+]

字体图标的原理

1.浏览器将内容解析成unicode值，然后根据font-family找到对应的字体文件，在字体文件中根据unicode编码找到对应图标然后渲染出来。

字体图标的使用过程

1.通过@font-face(兼容所有浏览器) 设置字体 font-family 和字体下载路径

2.(1)直接将unicode 的值写在html中，然后设置它的font-family

（2) 将unicode 写在伪类的content 中，然后设置它的 font-family，一般是ico 设置字体，ioc-xxx 设置contont

字体图标的优点：

1. 请求一次字体文件即减少http请求，可以随意改颜色，大小，不失真，兼容性好

缺点：颜色不如真正的图片丰富，维护成本高

原文地址：https://www.cnblogs.com/chillaxyw/p/11811839.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行