2017-02-14 48 views
0

我正在将一些自定义图标转换为网络字体(仅供内部使用),并且我能够使用本地客户端工具导出到每个图标所需的各种字体格式(woff,eot,ttf,svg)。通过CSS为web字体分配unicode值的正确方法是什么?

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

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

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

此输出预期飞机图标。

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

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

回答

1

使用反斜杠转义字符后的Unicode值,就像这样:

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

+0

谢谢。我很接近!标记这解决了。 – redshift

相关问题