@ font-face和font-variant不好主意？

Question

如果我使用@font-face字体和font-variant: small-caps作为相同的选择器，字体将回退到safari中的下一个系统默认字体。我该如何解决这个问题？

Answer 1

那么我认为它只是一个错误:(我现在使用：第一字母伪选择实现这一

Answer 2

我在创建一个复制问题的例子时遇到了一些麻烦，这让我意识到font-face不是标准的CSS2属性;相当于font-family。所以我对@ font-face做了一些快速研究，发现它是 - 根据你的看法 - 或者是Firefox 3.5特有的非标准属性，或者是尚未主流的CSS3的一部分。 Safari对CSS3有部分支持，具体取决于版本，但我怀疑这是您不希望发生的行为的原因。

Answer 3

这是一个WebKit的错误它已经固定，和Safari 应该下一次它被罚款。 。更新的Chrome当前版本使用的WebKit的更新版本，其中的bug已经修复这里的检测到它（从SafariSmallCapsWebFontFix）的好办法：你可以使用JavaScript来，比方说，加

if ((navigator.userAgent.match(/WebKit\/([^.]+)/) || [])[1] < 534) { 
    // Broken, work around it! 
} 

一个类到html节点并改变你如何设计页面风格。