1

Firefox と Chrome の 2 つのブラウザーで、サイトの @font-face に問題があります。

Firefox では @font-face ルールが機能せず、フォールバック フォント —Helvetica — を使用します。

スタイルシートの上部で次のようにフォントを宣言しました。

@font-face {
font-family: 'pf_centro_sans_proregular';
src: url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.eot');
src: url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.eot?#iefix') format('embedded-opentype'),
     url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.woff') format('woff'),
     url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.ttf') format('truetype'),
     url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.svg#pf_centro_sans_proregular') format('svg');
font-weight: normal;
font-style: normal;

}

ブラウザーに URI を入力すると、問題なくフォントがダウンロードされるので、フォントはそこにあります (Opera と Safari は適切なフォントでサイトを表示します)。

Chrome では、突然 (いくつかの更新により) メニューが代替フォントに変更されました。はい、メニューだけで、サイトの残りの部分は期待どおりに動作します。

私はフォントがそこにあることを知っており、Safari (デスクトップとモバイルの両方) と Opera で動作するので、私の CSS はそれほど悪くはないはずです。

これに関するヒントはありますか？

お時間をいただき、ありがとうございました。

4

1 に答える 1

1

このリンクを保護するには、フォントの URL をhttp://fonts.googleapis.com/cssからhttps://fonts.googleapis.com/cssに変更するだけです。

于 2013-10-08T23:13:40.910 に答える