1

@font-face 宣言に問題があります。だれかが問題を教えてくれることを願っています。

これが私の @font-face CSS です:

@font-face {
font-family: 'MuseoSlab500';
src: url('fonts/Museo_Slab_500-webfont.eot');
src: url('fonts/Museo_Slab_500-webfont.eot?iefix') format('eot'),
     url('fonts/Museo_Slab_500-webfont.woff') format('woff'),
     url('fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
     url('fonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
font-weight: normal;
font-style: normal;

私のフォント ファイルはすべて、サイトのルートにある「fonts」というフォルダにあります。スタイルシートと html ファイル (1 ページのサイトです) はルートにあります。@font-face を見ていますが、以前の宣言と変わらないように見えますが、何らかの理由でこれは機能していません。これがなぜなのか誰か教えてもらえますか？

ありがとう、

ブライアン

4

2 に答える 2

2

私は常に次のように Web フォント フォルダーを CSS フォルダー内に配置します。

@font-face{ 
    font-family: 'CartoGothicStd-Bold';
    src: url('@font-face/CartoStd-Bold.eot');
    src: url('@font-face/CartoStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('@font-face/CartoStd-Bold.woff') format('woff'),
         url('@font-face/CartoStd-Bold.ttf') format('truetype'),
         url('@font-face/CartoStd-Bold.svg#webfont') format('svg');
}

私のフォルダーは @font-face と呼ばれます。試してみてください...フォントが機能するかどうかを確認してください。

あなたがいなくなったことに今気づきました}

于 2012-10-30T11:04:09.323 に答える
0

.ttf の代わりに .otf ファイルを使用してみてください

私もこの問題に直面していました。.otf ファイルに置き換えることで機能しました。

于 2013-09-26T10:49:04.327 に答える