css - CSS 内容特殊字符：十六进制与普通字符

Question

示例“黑星”★ (U+2605)

.a:after {
   content: "\2605";
   position:absolute;
}

.b:after {
   content: "★";
   position:absolute;
}

演示：http: //jsfiddle.net/l2aelba/vBjxX/

为什么有人/最推荐在 CSS 值中使用HEX ？\2605两者都得到相同的结果。

score 7 · Accepted Answer

最好使用实际值而不是像底部示例那样硬编码特殊字符，因为由于 CSS 文件本身的编码，它们可能无法正确显示。

score 2 · Accepted Answer

你不需要记住荒谬的键盘快捷键来添加一个 unicode 数字，例如。

请记住，这个十六进制数字代表 unicode 中的一个独特且标准化的字符。插入实际字符会让您受制于字符集，实际上是字体，用于显示 css。

更重要的是，许多图标字体（Font Awesome 就是一个很好的例子）被映射到使用Unicode的私人使用区域之一。Font Awesome 字符位于第一个私人使用区域内。

根据标准中的定义，私人使用区域内没有标准化的字符。这意味着没有要显示的字符，因此样式表中唯一有形的表示是对其在 unicode 中的位置的数字引用。

为什么这些图标映射得这么远？一个很大的原因是一些屏幕阅读器会读出 css 内容中使用的任何字符。这似乎是错误的，但它确实发生了，需要加以防范。私人使用区域字符将不会被读出。

就个人而言，我的方法是按原样使用键盘字符，而对其他所有字符使用 unicode 数字。即便如此，如果中国人想使用我的代码，我是否知道他们可以轻松访问自己键盘上的所有相同字符？不过他们会有数字。

2 回答 2