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

【问题标题】：Load external font in webpage. Solution for Internet Explorer?在网页中加载外部字体。 Internet Explorer 的解决方案？
【发布时间】：2011-08-09 20:48:06
【问题描述】：

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

【问题讨论】：

标签： html css font-face

【解决方案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 及更高版本，当然也适用于所有其他浏览器。

【讨论】：

是的...很棒的 CSS 文件.../* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 9, 2011 */，这就是生成的 CSS 文件中的所有内容。
又试了一次，这次它确实工作了：D 现在去测试一下。
页面上仍然看不到 Ubuntu 字体：s
我说的是这个页面。 heuvel-folie-serres.com/Veestal_v2/?pagina=home 如果使用 Internet Explorer 打开网站，则包含生成的 CSS 文件。
@RobinJ：你在 body CSS 标签中有 2 个 font-family 声明。它在我的电脑上的 IE9 中工作。尝试清除缓存。

【解决方案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 支持一种特定类型的格式，称为嵌入式 OpenType 可以控制字体的位置和方式允许嵌入。您需要将您的 TTF 转换为 EOT 格式。 Microsoft 提供了一个名为 WEFT 的工具，但它很古老，而且如果我能让它工作，我会被诅咒的。谢天谢地，有一个命令名为 TTF2EOT 的线条工具，可以转换您的字体。

还有：How do I load external fonts into an HTML document?

【讨论】：