Question

我有这个代码，旨在使webfonts在每个浏览器中正常工作：

@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及更早版本中使用。

Answer 1

IE8不理解format()说明符;这是我倾向于使用的黑客：

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及更早版本将删除整个第二个src规则，让您（幸运的话）使用有效的网页。

您也可以在第二个src规则中取出EOT行。

Answer 2

尝试将文件类型添加到htaccess中..我不久前遇到了同样的问题，这就解决了......

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

您可以看到Addtype here

的文档

Answer 3

Trade Gothic不是免费字体。它可用于MyFonts.com，Linotype.com和Fonts.com上的Web字体许可。

看起来您使用的是未经授权的版本。如果您支付适当的Web字体许可证，您将获得带有字体的正确CSS字体堆栈，这将解决您的问题。

Webfont Trade Gothics不在IE8中工作

3 个答案: