0

@font-face スタイルを次のように記述しました。

@font-face {
  font-family: 'Din';
  src: url('/fonts/DINWebPro.eot?') format('eot'),
       url('/fonts/DINWebPro.woff') format('woff');

}

IE7 と 8 を除くすべてのブラウザで動作しますが、何かアイデアはありますか?

ありがとう

4

2 に答える 2

0

fontsquirrelの@font-faceジェネレーターを使用して、必要なすべてのフォントファイルタイプを生成します。初期のIEは.svgフォントファイル（持っていない）を使用するのが好きだと思います。

fontsquirrelは、フォントファイルを取得し、そこから他の拡張子を持つすべてのフォントファイルを生成してから、それらの使用方法を示すcssファイルとともにそれらをすべて提供します。

この方法を使用すると、古いIEを含め、すべての主要なブラウザーでカスタムフォントが確実に機能します。

于 2012-12-14T15:23:58.227 に答える
0

http://www.fontsquirrel.com/fontface/generatorでジェネレーターを使用すると、すべてのブラウザーに埋め込むためのかなりまともな結果が得られます。

そうは言っても、あなたの問題はIEのニュアンスで構成されています。

「…そこでポールが考案したのは、IE が「問題のある」フォーマットに到達する前にインターセプトする方法です。最良の種類の CSS ハック (無意味な構文のないもの) を使用して、IE が不要なファイルを取得して帯域幅を浪費する前に、またチョークする前に、IE を迂回させます。」</p>

下記src: local("☺")参照

ポール アイリッシュは次のことを推奨しています。

@font-face {
  font-family: "Your typeface";
  src: url("type/filename.eot");
  src: local("☺"),
    url("type/filename.woff") format("woff"),
    url("type/filename.otf") format("opentype"),
    url("type/filename.svg#filename") format("svg");
  }

にこにこした顔が真剣であることに注意してください。htmlの文字です&#9786;

プロセスのすべてのステップを説明する優れた要約もあります。

于 2012-12-14T15:45:20.950 に答える