1

申し訳ありませんが、この質問は重複している可能性がありますが、私の問題に対する答えが見つかりませんでした. css での @font-face の実装は IE では適切に機能しますが、FireFox と Chrome では効果がありません。Web サイトに非標準フォントを追加したいので、ファイル Snazanin.ttf と Snaznnbd.ttf を css ファイルと同じディレクトリに置き、次のコードを css に追加しました。

@font-face{
        font-family: MyFont;
        src:url('Snazanin.ttf')format('truetype')   ;
    }
    @font-face{
        font-family: MyFont;
        src:url('Snaznnbd.ttf')format('truetype');
        font-weight: bold;  
    }

そして私が持っている別のcssファイルに：

#mainframe{
    width:666px;
    margin:0px auto 0px auto;
    font-family:MyFont;
}

また、同じディレクトリに、以下を含むファイル .htaccess があります。

AddType font/ttf .ttf

先に述べたように、IE では問題ありませんが、chrome と FireFox では MyFont が表示されません。

4

1 に答える 1

2

ブラウザのファイルタイプのサポートに関係していると思います。ここにいくつかのクイックリファレンスがあります:

http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

http://caniuse.com/ttf

http://caniuse.com/woff

http://caniuse.com/eot

http://caniuse.com/svg-fonts

複数のフォント ファイルを指定したい場合があります。w3schools リンクによると、ttf/eot ミックスでカバーする必要があります。

于 2013-08-19T12:34:37.710 に答える