1

すべてのブラウザーで Web フォントを適切に動作させるための次のコードがあります。

@font-face {
    font-family: 'TradeGothic-BoldCondensedNo20';
    src: url('../fonts/tradegothic/trade-gothic-lt-std-bold-condensed-no-20.eot?')  format("embedded-opentype"),
         url('../fonts/tradegothic/trade-gothic-lt-std-bold-condensed-no-20.woff')  format('woff'),
         url('../fonts/tradegothic/trade-gothic-lt-std-bold-condensed-no-20.ttf')  format('truetype');
}

ただし、IE8 以前ではまだ動作しません。

4

3 に答える 3

2

format()IE8 は指定子を理解していません。これが私がよく使うハックです：

src: url('../fonts/tradegothic/trade-gothic-lt-std-bold-condensed-no-20.eot');
src: local('☺'),
     url('../fonts/tradegothic/trade-gothic-lt-std-bold-condensed-no-20.eot?')  format("embedded-opentype"),
     url('../fonts/tradegothic/trade-gothic-lt-std-bold-condensed-no-20.woff')  format('woff'),
     url('../fonts/tradegothic/trade-gothic-lt-std-bold-condensed-no-20.ttf')  format('truetype');

IE8 以前では、2 番目のsrcルール全体が削除され、(運が良ければ) Web フォントが機能します。

src2 番目のルールでEOT 行を削除することもできます。

于 2013-09-16T16:41:20.050 に答える
0

ファイルの種類を htaccess に追加してみてください。私は少し前に同じ問題を抱えていましたが、これで解決しました...

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff

ここでAddtypeのドキュメントを見ることができます

于 2013-09-16T15:24:08.473 に答える
0

Trade Gothic はフリーフォントではありません。MyFonts.com、Linotype.com、および Fonts.com で Web フォント ライセンスを取得できます。

許可されていないバージョンを使用しているようです。適切な Web フォント ライセンスを購入すれば、フォントを含む適切な CSS フォント スタックを取得でき、問題が解決します。

于 2013-09-19T01:02:28.817 に答える