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

时间:2017-02-14 16:42:38

标签: css unicode webfonts

我正在将一些自定义图标转换为Web字体(仅供内部使用),我可以使用本地客户端工具导出每个图标所需的各种字体格式(woff,eot,ttf,svg)。

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

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

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

按预期输出飞机图标。

但是,有没有办法使用unicode值(即U + 0021)而不是感叹号?或者,使用CSS内容键映射图标的正确方法是什么?

不幸的是,由于这些图标的专有性,我无法使用公共工具。

1 个答案:

答案 0 :(得分:1)

使用反斜杠转义符后跟unicode值,如下所示:

.myIcon-airplane::before{
    content:"\0021";
}
<p class="myIcon-airplane"></p>