1

私は html レイアウトを作成し、css3 を使用しています@font-face。これが私のコードです

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

そして私は使用しています

font-family: 'MyriadProRegular';

IE を受け入れるすべてのブラウザで動作します。助けてください。

4

2 に答える 2

3

これに関しては、Font Squirrel を十分に推奨することはできません。Font Face ジェネレーターを実行するだけで、IE で動作するコードが得られます。フォント ファイルの種類が不足している場合でも、それが作成されます。過去に多くの時間を節約してきましたが、十分にお勧めできません。

http://www.fontsquirrel.com/fontface/generator

これは Font Squirrel からのもので、クロスブラウザで動作します:

@font-face {
    font-family: 'NimbusSanConD-Lig';
    src: url('fonts/228BFB_1_0.eot');
    src: url('fonts/228BFB_1_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/228BFB_0_0.woff') format('woff'),
         url('fonts/228BFB_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
于 2012-06-14T08:21:07.013 に答える
0

svg、woff、およびeotは(サポートされている) フォント タイプですか? 私は .svg がそうではないことを確信しており、.woff と .eot. について聞いたこともありません。TrueType だけがすべてのブラウザで動作するはずです。（マッキントッシュはよくわからないけど）

font-face が常に私にとって機能する方法：

@font-face {
    font-family:alba;
    src:url(alba.ttf);
}

したがって、ここでは引用符は使用しません。あなたのケースでも試してみることをお勧めしますが、次のようにすることです

@font-face {
        font-family:Myriad Pro Regular;/* note the whitespaces, I believe this is what the font itself is called (not the filename) */
        src:url(myriad.ttf);
    }

大文字と小文字の違いに注意してください。myriad.ttfと入力しているときにフォント ファイルがMyriad.ttfと呼ばれる場合、一部のブラウザー (バージョン) では機能しない可能性があります。

于 2012-06-14T08:30:56.470 に答える