html - @font-face - 如何使其适用于所有浏览器

本文来自 here 。所以为了让@font-face 为 IE9 工作，我应该只指定 EOT 字体文件:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

特别是我使用的是 Myriad Pro，并且我有 OTF 字体。我如何将它们转换为 EOT 类型？

关于 IE7 和 IE8，应该使用什么技巧/hack 来获得所需的结果？

最佳答案

首先，您没有嵌入大多数字体的版权 - 任何人都可以下载它们，因此将字体放在您的服务器上供某人下载并没有什么不同。

我的建议是使用此处找到的 font squirrel 工具:http://www.fontsquirrel.com/fontface/generator 为您生成文件和代码。

请注意不要共享您无权使用的字体。