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

The @font-face rule is supported in Internet Explorer 9,Firefox,
Opera,Chrome,and Safari.

However,Internet Explorer 9 only supports .eot type fonts,while
Firefox,Safari,and Opera support .ttf and .otf type fonts.

Note: Internet Explorer 8 and earlier versions,do not support the
@font-face rule.

这个文本来自here.所以为了让IE9的@ font-face工作,我应该只指定EOT字体文件：

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

特别是我使用Myriad Pro,我有OTF字体.我如何将它们转换为EOT类型？

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

解决方法

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

我的建议是使用这里找到的字体squirrel工具：http://www.fontsquirrel.com/fontface/generator为你生成文件和代码.

小心不要共享您无权使用的字体.

原文地址：https://www.jb51.cc/html/231712.html