Firefox里默认不支持unicode-range

需要手动开启现在已经不需要了,见[1]

layout.css.unicode-range.enabled设为true

1
2
3
4
5
6
7
8
9
10
11
12
@font-face
{
font-family: 'Some-Symbol';
src: local('Symbola');
unicode-range: U+2032, U+2033, U+2013;
}
@-moz-document regexp("^((?!chrome:\/\/).)*$")
{
*:not(i):not(b):not(strong):not([class*="ico"]) {font-family: Some-Symbol, Inconsolata, "Hiragino Sans GB", sans-serif !important;} /* En-Symbol */ /* "PUA" */
*:not(i):not([class*="ico"]) {font-family: Some-Symbol, Inconsolata, "Hiragino Sans GB", sans-serif !important;} /* En-Symbol */ /* "PUA" */
}

总算可以用这段代码了

为什么这个这么重要呢 看图说话

不好看的′

好看的′

这些字符在中文字体里面有相应的字形 但这个字形不是我喜欢的 如果不支持这个特性很难对这种情况进行处理 我之前碰壁也是因为不知道这个特性默认是不开启的 MDN害人啊

可以针对某些字符设置字体 爽呀

参考资料


  1. https://bugzilla.mozilla.org/show_bug.cgi?id=475891