@ font-face-如何使其在所有浏览器上均有效

Internet Explorer 9,Firefox,Opera,Chrome和Safari支持@ font-face规则。

但是,Internet Explorer

9仅支持.eot类型的字体,而Firefox,Chrome,Safari和Opera均支持.ttf和.otf类型的字体。

注意:Internet Explorer 8和更早版本不支持@ font-face规则。

这段文字是从这里来的。因此,为了使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,应该使用什么技巧/技巧来获得所需的结果?

回答:

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

我的建议是使用在这里找到的字体松鼠工具:为您生成文件和代码。

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

以上是 @ font-face-如何使其在所有浏览器上均有效 的全部内容, 来源链接: utcz.com/qa/403187.html

回到顶部