我正在将一些自定义图标转换为Web字体(仅供内部使用),我可以使用本地客户端工具导出每个图标所需的各种字体格式(woff,eot,ttf,svg)。
我在Windows中使用字符映射实用程序来查看每个图标的Unicode值。例如,我的飞机图标的unicode值为:U + 0021(感叹号)。
所以,现在,在我的CSS文件中,我使用的代码如下:
.myIcon-airplane:before {
content: "!"
}
按预期输出飞机图标。
但是,有没有办法使用unicode值(即U + 0021)而不是感叹号?或者,使用CSS内容键映射图标的正确方法是什么?
不幸的是,由于这些图标的专有性,我无法使用公共工具。
答案 0 :(得分:1)
使用反斜杠转义符后跟unicode值,如下所示:
.myIcon-airplane::before{
content:"\0021";
}
<p class="myIcon-airplane"></p>