0

私は経由@font-faceで埋め込みフォントを使用していますが、正常に動作します... IE8（新しいバージョンでは試していません）で更新などのクレイジーなことをしたり、戻るボタンと進むボタンを使用してページを再読み込みしたりするまでは。

さらに悪いことに、それは私のフォントスタックのフォントにデフォルト設定されておらず、Arialに直接送られているように見えます（いくつかの深刻な間隔の問題があります）。

実例はここで見ることができます：

http://rcnhca.org.uk/sites/first_steps/

あなたの視聴の喜びのための画像比較：

画像比較

あなたの熟読の喜びに関連するCSS：

@font-face {
    font-family: 'DroidSerifRegular';
    src: url('DroidSerif-Regular-webfont.eot');
    src: url('DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-Regular-webfont.woff') format('woff'),
         url('DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

興味深いメモ：

どういうわけか、GoogleWebフォントはこの問題の影響を受けないようです。これはブラウザのバグかもしれませんが、間違いなく回避策があると私は信じています。

なぜ私が彼らのサービスを利用しないのか疑問に思った場合に備えて。私はできません。

4

1 に答える 1

0

Google フォントを使用できない場合は、問題の別の解決策が考えられます。CUFON ライブラリはこちらをご覧ください。通常の TTF フォントをダウンロードして HTML コードに埋め込む JavaScript ファイルに変換し、特定の DOM 要素 (選択したもの) をcanvasタグに置き換えます。

于 2012-06-27T12:05:11.307 に答える