系统自带的字体图标

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

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

有些图标还是不错的。

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

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

 

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

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

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

 

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

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

转载于:https://www.cnblogs.com/foreverZ/p/css-font-icon.html