我正在使用一个Web字体来展示图标。这些图标的字形映射到Unicode的补充专用区域-A和B。
如果我通过data-*属性将字符传递到CSS,一切都很正常:
<div class="icon" data-icon="󰁚"></div>
接下来:
.icon::before {
font-family: IconFont;
content: attr(data-icon)
}
但是如果我直接在CSS中嵌入转义字符...
.icon::before {
font-family: IconFont;
content: '\0F005A ';
}
它会显示为一个缺失的符号问号。但是,如果我尝试使用不同的特殊字符...
.icon::before {
font-family: IconFont;
content: '\F8FF ';
}
运行良好!
我在规格中找不到任何关于这不可能的说明……它只是似乎无法正常工作。
有人对此有什么见解吗?