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, Chrome, Safari, and Opera suppor

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为你生成文件和代码.

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

总结

以上是内存溢出为你收集整理的html – @ font-face – 如何使其适用于所有浏览器全部内容，希望文章能够帮你解决html – @ font-face – 如何使其适用于所有浏览器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。