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

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

因此,现在,在我的CSS文件中,我正在使用如下代码:

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


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

但是,是否可以使用Unicode值(即U + 0021)代替感叹号?或者,对我来说,使用CSS内容键映射图标的正确方法是什么?

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

最佳答案

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



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

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

关于css - 通过CSS将unicode值分配给webfonts的正确方法?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42231585/

10-11 13:49