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

【问题标题】：The correct way to assign unicode values to webfonts via CSS?通过 CSS 将 unicode 值分配给 webfonts 的正确方法？
【发布时间】：2017-02-14 16:42:37
【问题描述】：

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

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

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

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

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

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

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

【问题讨论】：

标签： css unicode webfonts

【解决方案1】：

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

.myIcon-airplane::before{
    content:"\0021";
}

&lt;p class="myIcon-airplane"&gt;&lt;/p&gt;

【讨论】：