Question

在所有体面的网络浏览器中，@ font-face只适用于将外部字体加载到您的网页中。但是，对于早于IE9的IE版本，这不起作用。我想使用Ubuntu字体系列。有什么好主意吗？

Answer 1

FontSquirrel将为您创建正确的跨浏览器CSS。

示例CSS：

@font-face {
    font-family: 'DroidSansRegular';
    src: url('/resources/fonts/DroidSans-webfont.eot');
    src: url('/resources/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/DroidSans-webfont.woff') format('woff'),
         url('/resources/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('/resources/fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

这适用于IE7及更高版本，当然还有所有其他浏览器。

Answer 2

您可以查看this article：

浏览器支持

这引出了我的另一个主要问题，浏览器支持。字形   使用TrueType或OpenType字体嵌入仅适用于Firefox   3.5，Safari 3.1和Opera 10.（您可以在您的副本中启用它   Chrome 2使用命令行开关。）

好的，这已经不错，但我们可以做得更好。我们可以上网   Explorer 4 +，Chrome 0.3+，Opera 9+甚至是一个小型移动Safari   行动。 EOT

Internet Explorer支持称为Embedded的特定类型的格式   OpenType，可以控制字体的位置和方式   允许嵌入。您需要将TTF转换为EOT   格式。微软提供了一个名为WEFT的工具，但它很古老   如果能让它发挥作用，我会被诅咒。谢天谢地，有一个命令   名为TTF2EOT的线工具，可以转换你的字体。

另外：How do I load external fonts into an HTML document?

在网页中加载外部字体。 Internet Explorer的解决方案？

2 个答案: