10

CSSでフォントをインポートしています。ただし、IEでは機能しないようです。どうしてか分かりません。

これが私のCSSコードです：

    @font-face {
    font-family: 'bello';
    src: url('../fonts/bello.eot?');
    src: url('../fonts/bello.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bello.woff') format('woff'),
         url('../fonts/bello.ttf') format('truetype'), 
         url('../fonts/bello.svg#bello') format('svg');

    font-weight: normal;
    font-style: normal;
              }
.bello { 
    font-family: "bello", Verdana, Tahoma;
}

フォルダーのフォントに.eot、.svg、.woff、.ttf、.otfを追加しました。IEを除くすべてのブラウザで正しく表示されます。.eotファイルを作成するために、私はこのサイトを使用しました：http ://www.kirsle.net/wizards/ttf2eot.cgi 。

なぜ機能しないのかわかりません。どんな助けでも素晴らしいでしょう。ありがとう！

4

2 に答える 2

24

問題を解決しました。eot ファイルの問題ではありませんでした。ファミリ名がフォントの完全な名前と異なる場合、IE は .eot ファイルを見つけるのに問題があるようです。私の場合、フォント名は bello-script で、フォント ファミリーは bello でした。それらの両方を変更し、すべてが正常に機能しました。

于 2012-11-11T02:31:35.390 に答える