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

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

您可以看看这篇文章:

浏览器支持

这让我想到了另一个主要问题，浏览器支持。字体嵌入TrueType或OpenType字体仅适用于Firefox3.5, Safari 3.1和Opera 10。(你可以在你的Chrome 2使用命令行开关)

好吧，这已经很不错了，但我们可以做得更好。我们可以上网Explorer 4+， Chrome 0.3+， Opera 9+，甚至还有一点移动Safari行动。测试结束

Internet Explorer支持一种称为嵌入式的特殊格式OpenType，它提供了一些控制字体的位置和方式允许嵌入。您需要将TTF转换为EOT格式。微软提供了一个名为WEFT的工具，但它很古老而且如果我能让它工作，我就完蛋了。谢天谢地，有一个命令一个叫做TTF2EOT的线条工具，可以转换你的字体。

还有:如何将外部字体加载到HTML文档中?