系统自带的字体图标

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

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

有些图标还是不错的。

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

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

 

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

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

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

 

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

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

posted on 2016-08-10 17:04  永恒的浪荡时光  阅读(923)  评论(0编辑  收藏  举报

导航