2

カスタムフォントを実装したWebサイトがあります。グーグルクロームとインターネットエクスプローラーでは、フォントは正しく表示されます。Firefoxをチェックすると、新しいフォントファミリは適用されていません。これは私が持っているものです：

@font-face{
font-family: Bebas Neue;
src: url('fonts/BebasNeue.otf');
}

その後にフォーマットを追加してみましたが、修正されませんでした。.otfが表示されない理由、および.ttfと.eotがそれぞれのブラウザーで機能する理由について何か提案はありますか？

4

1 に答える 1

0

FirefoxでOTFの代わりにTTF形式を使用してみましたか？Firefoxは、提供方法によっては、フォントを表示するためにWOFFフォント形式を必要とする場合もあります。Firefox 3.6以降を使用していると思いますが、それも問題になる可能性があります。以下のコードスニペットは、@font-faceのFontSquirrelの標準であり、役立つ場合があります。

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue.eot');
    src: url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeue.svg') format('svg'),
        url('fonts/BebasNeue.svg#Bebas Neue') format('svg'),
        url('fonts/BebasNeue.woff') format('woff'),
        url('fonts/BebasNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

この情報がお役に立てば幸いです。幸運を！さらに詳しい情報が必要な場合は、この記事のFirefoxの見出しをお知らせください。http ：//www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems

于 2012-11-01T02:13:28.027 に答える