0

私は私の友人のためにウェブサイトを作っています。彼はページのフォントについて非常に具体的です。インターネットからカスタム フォントをダウンロードしましたが、奇妙なことです。Internet Explorerでのみ動作します (驚きです)。

これは私のコードです:

@font-face
{
font-family: eurostile;
src: url(../font/eurostile.ttf);
} 
@font-face
{
font-family: eurostile;
src: url(../font/eurostile.eot);
}

そして、これは私がfont-familyを呼び出す方法です：

  p 
    {
        font-family: eurostile;
    }

など...私は何を間違っていますか?

4

4 に答える 4

3

クロス プラットフォーム スタイルでフォーマットする必要があります。ここを見てください。

問題は、さまざまなブラウザーがさまざまなフォント スタイルをサポートしていることです。

ここに画像の説明を入力

何かのようなもの：

@font-face {
    font-family: 'fontMN';
    src: url('/fonts/font_font-webfont.eot'); /* IE9 Compat Modes */
    src: url('/fonts/font_font-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/font_font-webfont.woff') format('woff'), /* Modern Browsers */
         url('/fonts/font_font-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/fonts/font_font-webfont.svg#fontMN') format('svg'); /* Legacy iOS */
}

うまくいくでしょう。

上記のように、サポートしようとしているブラウザーに有効な形式を取得する必要があります。

于 2013-06-21T22:34:06.923 に答える
0

http://jasonlau.biz/home/css/embedding-custom-fonts-with-css

Web サイトにカスタム フォントを埋め込む必要がある場合は、この CSS のビットでタスクが完了します。Web サイトにカスタム フォントを埋め込むには、次の手順に従います。

于 2013-06-21T22:33:33.990 に答える
0

このツールを使用してfont-faceルールを生成します - http://www.fontsquirrel.com/tools/webfont-generator。

于 2013-06-21T22:34:39.030 に答える