1

これに悩まされているのは私だけではないと確信していますが、解決策を見つけることができないようです.

@font-faceTTF フォントを使用する Firefox、Chrome、Safari で素晴らしく動作します。

そのとおり：

@font-face{ 
  font-family: "Apple-Chancery" ;
  src: url(images/Apple-Chancery.ttf ) format("truetype");
}

ただし、Microsoft で使用するには、フォントを EOT 形式にする必要があることを理解しているので、http://ttf2eot.sebastiankippe.com/を使用して変換しました。

そして、私のコードは次のようになります。

@font-face{ 
  font-family: "Apple-Chancery" ;
  src: local("Apple Chancery"), url(images/Apple-Chancery.eot), url(images/Apple-Chancery.ttf ) format("truetype"); /* non-IE */    
}

しかし、Internet Explorer では機能しません。に 2 つの異なる行を入れてみsrcました。別のコンバーター、別のフォントを使用してみましたが、すべてうまくいきませんでした。私はIE8を使用しています。

また、複数のカスタム フォントを使用するには、複数のブロックが必要ですか、それとも、、、など@font-faceを並べて使用しますか?font-familysrcfont-familysrc

4

6 に答える 6

2

font squirrelを使用して、すべてのファイルとコードを生成するのはどうですか？

于 2010-11-01T21:58:49.113 に答える
2

これはあなたを助けるかもしれません、

@font-face {
    font-family:"Apple-Chancery";
    src: url('../font/Apple-Chancery.eot'); /* IE9 Compat Modes */
    src: url('../font/Apple-Chancery.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/Apple-Chancery.woff') format('woff'), /* Modern Browsers */
         url('../font/Apple-Chancery.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../font/Apple-Chancery.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight:bold;
    font-style:normal;
}
于 2012-09-08T08:38:09.263 に答える
0

このページはあなたに役立つかもしれません：http：//msdn.microsoft.com/en-us/library/ms530757%28VS.85%29.aspx

特に、この行：

Internet Explorer 8以前のバージョンでは、1つのURL値のみがサポートされています。

IE9が利用可能になるまで、あなたがやろうとしていることは正しく機能しないかもしれないと思います。これをテストして確認するには、ベータ版のコピーを入手する価値があります（Windows XPよりも新しいものを実行していると仮定します）。

于 2010-11-01T21:58:45.663 に答える
0

IE (eot) を他の行の前に別の行に配置する必要があります。

正しい宣言は次のとおりです。

@font-face{ 
  font-family: "Apple-Chancery" ;
  src: url(images/Apple-Chancery.eot); /* IE */
  src: local("Apple Chancery"), url(images/Apple-Chancery.ttf ) format("truetype"); /* non-IE */    
}

しかし、それはおそらくすべてのケースをカバーするのに十分ではありません.古いクロムなどのsvgフォントタイプがありません.fontsquirel.comのfont-faceジェネレーターを使用することをお勧めします.Easyオプションを選択し、generate cssをチェックしてください.ファイルを開き、コードと変換されたフォント ファイルをコピーして貼り付けます

于 2010-11-01T22:32:01.943 に答える
0

私は Font Squirrel の使用を支持します。

@font-faceを使用した私の投稿Adventures も参考になるかもしれません。

于 2010-11-05T10:20:37.077 に答える
0

font2webにフォントを簡単にアップロードすると、css ファイルとデモ HTML ファイルが作成されます。これがあなたを助けることを願っています

于 2012-10-18T05:33:08.320 に答える