Font-Awesome为我们提供了许多有用的图标。我想这些图标是使用Unicode编码的。我很确定UTF-8不包含它们,也不知道任何已知的charachter表。那么Font-Awesome是如何在内部呈现的,为什么它会正确显示?它只是一个普通的字体,但没有字母,只有特殊的图标,列在ttf文件中? 提前谢谢!
答案 0 :(得分:6)
它只是一个普通的字体,但没有字母,只有特殊的图标,在ttf文件中列出?
Jep,这就是它的运作方式。
如果查看FA.css文件,您会注意到用于获取图标的类基本上都是这样的:
.fa-ellipsis-h:before {
content:"\f141"
}
因此,如果您创建一个包含style="font-family:FontAwesome"
的div,您基本上可以输入
并获得与<i class="fa fa-ellipsis-h"></i>
相同的图标