字体很棒（快捷方式）？

Question

我希望有人能向我解释下面第二个 属性“内容”中的值。据我所知，它与 Font Awesome 有关，但我无法弄清楚显示这段代码的人是如何从：

content: @fa-var-circle-thin~@fa-var-circle-thin~@fa-var-circle-thin;

对此：

content: "\f1db\f1db\f1db";

这个“\f1db”到底是什么？

Answer 1

这是unicode。它显示在 Font Awesome 网站上的图标下方。 请看下面的例子。

在 CSS 中制作 Pseudo-classes 时需要这个。

Example Image

Answer 2

这是一个编码的 unicode:

"\f1db" => {"@fa-var-circle-thin"};

这是一个自定义的 unicode 快捷方式。

例如unicode字符在ASCII范围之外，
它应该被转换成类似的东西：

content: "\{unicode number}";

在FontAwesome处会有一个4个字符的段落显示快捷方式：

"\f1db Unicode: f1db"

“\f1db”是“@fa-var-circle-thin”的快捷方式。
三个“f1db”就是三个“@fa-var-circle-thin”。

---

有关 CSS unicode 的更多信息，请访问 https://developer.mozilla.org/en-US/docs/Web/CSS/%40font-face/unicode-range