不幸的是,我没有找到在线资源来解释最佳使用语法的方法 - 对我来说,
font-feature-settings
似乎是前缀问题的又一个例子。 目前,我已经写成这样,但我不确定是否涵盖了所有支持这些特性的浏览器。
.element {
-webkit-font-feature-settings: "kern" 1, "liga" 1, "case" 1;
-moz-font-feature-settings: "kern=1", "liga=1", "case=1";
-moz-font-feature-settings: "kern" on, "liga" on, "case" on;
-ms-font-feature-settings: "kern" 1, "liga" 1, "case";
-o-font-feature-settings: "kern", "liga", "case";
font-feature-settings: "kern", "liga", "case";
}
更具体地说,
-moz
语法似乎很奇怪。一些来源声称这是要使用的语法:-moz-font-feature-settings: "liga=1"; /* Firefox 14 and before */
-moz-font-feature-settings: "liga" on; /* Firefox 15 */
其他人简单地这样做:
-moz-font-feature-settings: "cswh=1";
-moz-font-feature-settings: "cswh";
同样适用于
-webkit
;有些人会这样写:-webkit-font-feature-settings: "liga" on, "dlig" on;
其他人这样做:
-webkit-font-feature-settings: "liga", "dlig";
或者像这样:
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
而且,还有一个 text-rendering: optimizelegibility;
,在Webkit浏览器中似乎与"kern"
和"liga"
相同。
那么,在2013年,使用Open Type字体特性的正确、可靠的方法是什么?