什么是Font-Awesome internaly?

时间:2017-04-25 18:23:21

标签: fonts font-awesome

Font-Awesome为我们提供了许多有用的图标。我想这些图标是使用Unicode编码的。我很确定UTF-8不包含它们,也不知道任何已知的charachter表。那么Font-Awesome是如何在内部呈现的,为什么它会正确显示?它只是一个普通的字体,但没有字母,只有特殊的图标,列在ttf文件中? 提前谢谢!

1 个答案:

答案 0 :(得分:6)

  

它只是一个普通的字体,但没有字母,只有特殊的图标,在ttf文件中列出?

Jep,这就是它的运作方式。

如果查看FA.css文件,您会注意到用于获取图标的类基本上都是这样的:

.fa-ellipsis-h:before {
    content:"\f141"
}

因此,如果您创建一个包含style="font-family:FontAwesome"的div,您基本上可以输入&#xf141;并获得与<i class="fa fa-ellipsis-h"></i>相同的图标