css - @font-face と font-variant 悪い考え?

Question

@font-faceフォントを使用font-variant: small-capsし、同じセレクターに対して、フォントはサファリの次のシステムデフォルトフォントにフォールバックします。どうすればそれを回避できますか？

Answer 1

最初は問題を再現するための例を作成するのに苦労しました。そのため、font-faceは標準のCSS2属性ではないことに気付きました。同等のものはfont-familyです。そこで、@ font-faceについて簡単に調べたところ、Firefox 3.5に固有の非標準属性か、まだ主流ではないCSS3の一部であることがわかりました。SafariはバージョンによってはCSS3を部分的にサポートしていますが、これが望ましくない動作の原因であると思われます。

Answer 2

これは WebKit のバグでした。これは修正されており、次回の更新時にはSafariが正常に動作するはずです。現在のバージョンの Chrome は、バグが修正された新しいバージョンの WebKit を使用しています。これを検出する良い方法は次のとおりです（SafariSmallCapsWebFontFixから）：

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

この JavaScript を使用して、htmlノードにクラスを追加し、ページのスタイルを変更することができます。

Answer 3

Well i think its just a bug :( i now use :first-letter pseudo selector to achieve that