0

赤い数字

数字の意味は?

質問する理由は、次の CSS を使用するとフォントが正しくレンダリングされないためです。

@font-face {
    font-family: 'letter';
    src: url('../fonts/letter-bold.otf') format('opentype');
    font-weight: bold;
}

.title {
    font-size: 22pt;
    font-family: letter,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

ここでの質問ではありませんが、コメントで答えることができます - css ファイルへの相対パスからロードするのは'../fonts/'正しいですか?@font-face

4

2 に答える 2

0

エラーが発生したことを意味します。Firefox/Firebug には [リソース] タブはありませんが、[ネットワーク] タブには、同じフォント ファイルに対して304 エラーが見つかりませんと表示されます。

また、MIME 設定が原因でフォントをダウンロードできませんでした。@font-face Windowsサーバーで動作しませんか?

正しい MIME タイプは、この SO 回答で提供されています:フォントの適切な MIME タイプ

于 2012-11-22T20:00:40.417 に答える
0

Chrome は OTF フォント ファイルをレンダリングできますか? Chrome はフォントの埋め込みに .woff フォント タイプを使用していると思います。woff ファイル タイプがない場合は、font squirrel を使用して新しいフォント ソースを生成します。EOT は IE 用、Woff は Safari/Chrome 用で、TTF と SVG も出力します。

これで問題は解決すると思います。

ジェネレーターへのリンクは次のとおりです: http://www.fontsquirrel.com/fontface/generator

于 2012-11-22T21:34:03.047 に答える