诸如 Glyphicon 或者 FontAwesome 这样的图标字体应该你是知道的,但其实系统本来也是有一些字体图标的。
然后有幸查到了一些文档,罗列了许多系统自带的图标字体。先看一下:
有些图标还是不错的。
而且试坑的事情已经实验过了,删掉了近一半不能友好显示的。
实验了 windows,iphone,meizu,oppo,小米等设备,亲你可以大胆使用了....
用起来也方便,直接在 :after 的 content 里面加上就行了。
.icon:after {content: "231A";}
个人并不推荐将其 CSS 类化,因为起名字实在太麻烦了,需要的时候过来找吧。
此外,这个还有点小麻烦的地方,就是各个系统中显示的图标会有差异,比如这样
另外还有个问题是 iphone 上好像图标不能根据 font-size 变化,有待研究...