通过 CSS 将 unicode 值分配给 webfonts 的正确方法？

Question

我正在将一些自定义图标转换为网络字体（仅供内部使用）并且我能够使用本地客户端工具导出为每个图标所需的各种字体格式（woff、eot、ttf、svg） .

我正在使用 Windows 中的字符映射实用程序来查看每个图标的 Unicode 值。例如，我的飞机图标的 unicode 值为：U+0021（感叹号）。

所以，现在，在我的 CSS 文件中，我使用的代码如下：

.myIcon-airplane:before {
    content: "!"
}

这会按预期输出飞机图标。

但是，有没有办法使用unicode值（即U+0021）来代替感叹号呢？或者，我使用 CSS 内容键映射图标的正确方法是什么？

遗憾的是，由于这些图标的专有性质，我无法使用 public 工具。

Answer 1

使用反斜杠转义字符后跟 unicode 值，如下所示：

.myIcon-airplane::before{
    content:"[=10=]21";
}

<p class="myIcon-airplane"></p>

The correct way to assign unicode values to webfonts via CSS?