码迷,mamicode.com
首页 > 其他好文 > 详细

系统自带的字体图标

时间:2016-08-10 17:33:15      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:

诸如 Glyphicon 或者 FontAwesome 这样的图标字体应该你是知道的,但其实系统本来也是有一些字体图标的。

然后有幸查到了一些文档,罗列了许多系统自带的图标字体。先看一下:

技术分享

有些图标还是不错的。

而且试坑的事情已经实验过了,删掉了近一半不能友好显示的。

实验了 windows,iphone,meizu,oppo,小米等设备,亲你可以大胆使用了....

 

用起来也方便,直接在 :after 的 content 里面加上就行了。

.icon:after {content: "\231A";}

个人并不推荐将其 CSS 类化,因为起名字实在太麻烦了,需要的时候过来找吧。

 

此外,这个还有点小麻烦的地方,就是各个系统中显示的图标会有差异,比如这样

技术分享

另外还有个问题是 iphone 上好像图标不能根据 font-size 变化,有待研究...

系统自带的字体图标

标签:

原文地址:http://www.cnblogs.com/foreverZ/p/css-font-icon.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!