1

@font-face{ font-family: gotham; src: url('../fonts/Gotham-Light.otf'); } CSSファイルにGothamという名前のフォントを含めました.Mozillaおよび他のすべてのブラウザで動作しますが、IE9では動作しません.

4

1 に答える 1

2

新しい Bbulletproof Fontface 構文を参照してください

    @font-face {

        font-family: 'MyFontFamily';
        src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
             url('myfont-webfont.woff') format('woff'), 
             url('myfont-webfont.ttf')  format('truetype'),
             url('myfont-webfont.svg#svgFontName') format('svg');
    }

使い方？

Internet Explorer <9 では、src 属性のパーサーにバグがあります。src に複数のフォント形式を含めると、IE は読み込みに失敗し、404 エラーを報告します。その理由は、IE が開き括弧から最後の閉じ括弧までのすべてをファイルとしてロードしようとするためです。この間違った動作に対処するには、最初に EOT を宣言し、疑問符を 1 つ追加するだけです。クエスチョン マークは、残りの文字列がクエリ文字列であると IE に認識させ、EOT ファイルだけをロードします。他のブラウザは仕様に従い、src カスケードとフォーマット ヒントに基づいて必要なフォーマットを選択します。

ブラウザの互換性:

Safari 5.03、IE 6-9、Firefox 3.6-4、Chrome 8、iOS 3.2-4.2、Android 2.2-2.3、Opera 11

font-kit を生成するには、fontsquirrelを使用する必要があります。

于 2012-08-07T09:45:01.927 に答える