4.1.4 其他
在阅读glyphicon样式源码的时候,可以发现所有的icon样式都是利用“content:‘\e001’”的形式设置的。如果不利用before特性,如何在普通的文本上进行显示呢?则需要在e001前面加上unicode前缀&#x,才能够作为正常文本进行显示。原因是什么呢?
content内的字符默认是保存在Unicode Private Use Area中的,即Unicode专用区,也就是保留给大家存放自定义字符的区域,可以简写为PUA。要想在HTML里像普通字符一样显示它们,则需要加前缀&#x。比如下面两个span显示的效果是一样的,都是玻璃杯。
- <span class="glyphicon glyphicon-glass"></span>
- <span class="glyphicon"></span>
注意
在第9章,我们会利用@font-face特性,再次全面扩展新的图标集,即Font Awesome 3.1所提供的强大功能——将近400个图标。