在所有文本上使用CSS规则“text-rendering:optimizelegibility;”是否安全?

前端之家收集整理的这篇文章主要介绍了在所有文本上使用CSS规则“text-rendering:optimizelegibility;”是否安全?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我注意到这个 woo theme例如它设置在HTML标签,因此整个网站的文本已设置。我读到,它可以导致性能问题,但这是一段时间。有些人建议只将其添加标题和大文本。

现在规则改变了吗?浏览器性能良好吗?

解决方法

没有:多年来在各种平台上出现了许多错误,导致文本不能显示显示不正确(见下文)。如果你的目标是启用连字,实际上在 CSS Fonts Level 3定义的标准属性 font-variant-ligatures提供完全控制:
font-variant-ligatures: common-ligatures;
font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures;

有关可以启用的其他排版功能(如小写字母,替代字母等),请参阅font-variant

历史

在font-variant-ligatures&相关属性添加,旧版font-feature-settings属性允许启用相同的功能。这是一个较低级别的接口,除了启用没有更高级别接口的OpenType功能之外,不再推荐。

http://blog.fontdeck.com/post/15777165734/opentype-1有一个简单的例子:

h1 {
    -webkit-font-feature-settings: "liga","dlig";
    -moz-font-feature-settings: "liga=1,dlig=1";
    -ms-font-feature-settings: "liga","dlig";
    font-feature-settings: "liga","dlig";
}

http://elliotjaystocks.com/blog/the-fine-flourish-of-the-ligature/还有更多的讨论。

Bug库

由于各种渲染问题,流行的HTML5 Boilerplate项目在两年前删除了它:

https://github.com/h5bp/html5-boilerplate/issues/78

我刚刚修复的两个Chromium错误导致Windows XP上的Chrome 21无法执行字体替换,显示丢失的字符符号,而不是使用不同的字体,并显示文本不正确地重叠其他元素:

http://code.google.com/p/chromium/issues/detail?id=114719

http://code.google.com/p/chromium/issues/detail?id=149548

有关其他一些问题,请参见http://aestheticallyloyal.com/public/optimize-legibility/

http://bocoup.com/weblog/text-rendering/突出显示了Android上的兼容性问题和一般性能问题

猜你在找的CSS相关文章