Question

我发现哪个使得字体真棒类工作的是目标元素中的伪元素。例如，如果我想要一个相机图标，我只需在目标元素中插入一个内容为\f083的伪元素：

h1:before {
    content: '\f083';
}

但令我感到困惑的是，如果我直接将\f083设置为某些元素的内容，例如<span>\f083</span>，则该元素不会显示为图标。< / p>

那么font-icon究竟如何运作？为什么内容只能在伪元素中工作？

Answer 1

在CSS 中，像'\f083'这样的字符串文字是字符的转义序列。换句话说，\f083 表示单个Unicode字符U + F083（它是一个私有使用区域字符，它没有默认含义）。

HTML不遵循相同的转义序列代码。＆＃34; \ F083＆＃34;用HTML表示＆＃34; \ f083＆＃34;。 HTML中的等效转义序列为。

在CSS和HTML中，可以简单地编写实际角色：＆＃34;＆＃34;。虽然默认情况下它是一个未分配的字符，但它或者不会显示在你的编辑器中，或者显示为正方形或其他东西，它也会受到文件编码的影响。，这使得它更难以使用。