1

我有这段代码，旨在使 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 及更早版本中运行。

4

3 回答 3

2

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

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 线。

于 2013-09-16T16:41:20.050 回答
0

Trade Gothic 不是免费字体。它可用于 MyFonts.com、Linotype.com 和 Fonts.com 上的网络字体许可证。

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

于 2013-09-19T01:02:28.817 回答
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 回答