'内容:'\ f110“'是什么意思(导入自定义字体)?

时间:2014-04-17 00:01:14

标签: css3 fonts

我正在查看字体非常棒的源代码,以便快速了解导入字体和图形的工作原理。我找到了这条线:

.fa-spinner:before {
  content: "\f110";
}

这是如何引用微调器图标的?
我在哪里可以阅读有关创建自己的字体和图标并使用它们的信息?

1 个答案:

答案 0 :(得分:3)

这是一个CSS声明,使您可以使用<span class="fa-spinner">之类的快捷方式生成微调器图标。 content: CSS属性表示“将此内容放在此元素中,:before伪类用于将其放置在您可能实际放置在标记中的<span>内的任何内容之前。< / p>

\f110是一个转义序列,用于通过十六进制表示生成字符。它指的是代码点U + F110处的Unicode字符。这是在“私人使用范围”中,您可以使用一系列字符代码用于您自己的任意符号,这些符号不一定与任何其他字符相对应,例如微调器图标。只需使用等效的HTML数字字符引用&#xf110;

,您就可以在CSS的帮助下在标记中生成相同的字符