@字体和字体变种坏主意?

起初,我在创建一个复制您的问题的示例时遇到了一些困难,这使我意识到字体不是标准的CSS2属性;等价的是字体系列。所以我对@FONT face做了一些快速的研究,发现它——取决于你如何看待它——要么是一个特定于firefox 3.5的非标准属性,要么是尚未成为主流的CSS3的一部分。Safari对CSS3有部分支持,这取决于版本,但我怀疑这是您不想要的行为的原因。

这是一个WebKit错误。它已经修好了,还有Safari 应该 下次更新时就没事了。当前版本的Chrome使用的是更新版本的WebKit,其中已修复了错误。这里是一种很好的检测方法(从 SafariSmallCapsWebFontFix ):

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

您可以使用该javascript,例如,将类添加到 html 节点并更改页面样式。

我认为这只是一个错误:(我现在使用:第一个字母伪选择器来实现这一点)