3

ウェブサイトで使用するフォントをいくつかインポートしたいのですが、Google が作成したこのコードを使用しています。

HTML

<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Cuprum:400,700' rel='stylesheet' type='text/css'>

CSS

font-family: "Droid Sans", sans-serif;

Firefox と Google Chrome では動作しますが、IE8 では動作しません。なぜですか?

編集済み: Adob​​eは Google のようなものを作成し、スクリプトは Google よりも優れており、Internet Explorer で完全に動作します (詳細はhttp://html.adobe.com/edge/webfonts/を参照) 。

4

5 に答える 5

6

IE8 でサポートされていないWOFF 形式でのみ提供されているためです。

ここ: http://www.fontsquirrel.com/fontfacedemo/Droid-Sans必要なすべての形式で同じフォントをダウンロードできます。

次に、次のコードをメイン CSS に追加します。

@font-face {
    font-family: "Droid Sans";
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

したがって、このフォントを引き続き使用できます。

フォントのファイルは、スタイルシートの同じフォルダーにある必要があることに注意してください。

于 2012-09-19T18:09:39.393 に答える
1

少なくとも IE の観点からは、Google サービスによって生成されたフォント ファイルに何か問題があります。IE 9 も、Droid Sans が Google によって提供されていると表示されません。Google が EOT ファイルと WOFF ファイルの両方を IE に送信することを検査モード (F12) で確認しました。

この問題は一部のフォントのみに関連しており、断続的に発生する可能性があります。参照。たとえば、Google Fonts を IE で動作させる方法は?

したがって、FontSquirrel を使用してファイルを生成し、それらをローカルでホストするという GionaF の提案は、進むべき道のようです。

于 2012-09-19T19:31:58.423 に答える
0

Google が IE 用に返す CSS には@font-face、IE9 以降でのみサポートされている woff フォントが含まれています。

于 2012-09-19T18:14:40.627 に答える