@フォントフェースとフォントバリアント悪い考え？

Question

私は同じセレクタのため@font-faceフォントとfont-variant: small-capsを使用する場合は、

フォントは、サファリの次のシステムのデフォルトのフォントにフォールバックします。どのように私はそれを回避できますか？

Answer 1

最初の文字の擬似セレクター

ことを達成するために：

さて私は今使用:(そのわずかバグを考えます

Answer 2

私は、私はそのフォント、顔が標準CSS2属性ではありません実感しました最初は、あなたの問題を複製する例を作成するいくつかの問題を、持っていました。同等のフォントファミリです。だから私はする@ font-face上のいくつかの簡単な研究を行なったし、それはだことがわかった - あなたはそれを見てどのように応じて - のいずれかのFirefox 3.5に固有の非標準の属性や、まだ主流ではないCSS3の一部。 Safariは、バージョンによっては、CSS3のための部分的なサポートを持っているが、私は、これはあなたの望ましくない動作の原因であると思われる。

Answer 3

これは、WebKitのバグでした。これは修正されています、およびSafariは、ははそれが更新されます次回問題ないはずです。クロムの現在のバージョンは、バグが修正されたのWebKitの新しいバージョンを使用しています。ここで（ SafariSmallCapsWebFontFixするから）それを検出するための良い方法です：

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

あなたにはJavaScriptを有効にし、たとえば、htmlノードにクラスを追加し、ページのスタイルを設定する方法を変更することを使用することができます。