Css 哪些浏览器支持字体嵌入

我一直在读关于@font-face规则的书，并试图找出是否值得在一个项目中使用它来呈现标题“富兰克林哥特式媒体”，而不是像sIfr这样的东西。我想，对于不支持它的浏览器，我可以让它回到Arial

问题是，我很难得到关于哪些浏览器支持以这种方式嵌入字体的明确答案

到目前为止，我已经计算出IE支持，但不支持.ttf文件。其他浏览器我不确定

如果有人能给我指出一些兼容性图表，那就太好了

Jon

讨论了浏览器对mid way in的支持。下面是最相关的一点，尽管整件事值得一读：

CSS3（甚至是1997年和1998年的CSS2草案）早就承诺使用@font-face规则实现标准化的字体嵌入方式。许多人可能不知道的是，Opera 9.5已经支持这一规则，为Mac、Windows和iPhone操作系统提供Safari版本，Firefox 3.1以及IE6和更高版本也承诺支持这一规则。

遗憾的是，虽然Opera 9.5和Firefox 3.1暗示支持@font-face（请参阅我在下面第4页的评论），但事实并非如此 不过有一个陷阱。除IE以外的所有浏览器都支持链接到TrueType字体文件。Microsoft仅支持专有的EOT文件格式。 编辑：包括来自的答案

---

[Update 2]Opera 10和Firefox 3.1现在支持链接到当前提供的Alpha或Beta中的TrueType和OpenType（但不支持EOT）。它们不支持，最好的办法是执行以下操作：

<h1 id="MyHeading">my heading</h1>

h1#MyHeading {
    text-indent: -1000px;
    width: 200px;
    height: 50px;
    background-image: url(myheading.jpg);
}

我的标题
h1#我的标题{
文本缩进：-1000px；
宽度：200px；
高度：50px；
背景图片：url（myheading.jpg）；
}

aricle解释了其他一些选择

编辑：我不知道为什么这被否决了。底线是，没有一种可访问的、seo友好的方式来做所有浏览器都支持的事情。如果你想疏远你的用户，那就选择其他的解决方案。否则，我会让我的用户满意我的-1。

---

很长一段时间以来，它一直是js和css兼容表的一个很好的资源。我记得Safari的朋友们自豪地写了一篇博文，Webkit可以下载ttf字体，并在页面源代码中自动使用它们。IE支持永远下载位图字体。

@nezroy是一个更新：

[Update 2]Opera 10和Firefox 3.1现在支持链接到当前提供的Alpha或Beta中的TrueType和OpenType（但不支持EOT）

---

如果你不害怕一些Java脚本，这篇文章可以帮助你

我自己没有使用过它，但它承诺支持任何浏览器上的任何字体…

Safari 3.1（和版本）、Firefox 3.1和Opera 10支持@font-face嵌入.ttf（TrueType字体）和.otf（OpenType字体）。Internet Explorer版本5+仅支持.eot的@font-face嵌入（专有嵌入开放式格式）

Microsoft制作了一个名为（仅限Windows）的小字体转换工具，可用于将大多数字体格式转换为.eot

CSS3.info对如何使用@font-face规则有一个很好的解释。该站点是使用CSS3技巧（或者在本例中是CSS2建议的技巧）的绝佳资源

有一篇关于这个问题的更透彻的文章

确保网页中嵌入的任何字体都声明可以在其许可证中嵌入，因为该字体将位于您的web服务器上的公共目录中，任何人都可以免费下载。许可证中并不总是明确包含此用途，但您通常可以直接联系设计师询问。它们通常允许您使用字体，只要您包含指向其页面的链接。我不确定富兰克林哥特式媒体是否被批准用于此用途，但我怀疑它是否被批准

这里有一些免费字体的资源。如果你做了足够的挖掘，你通常可以找到一张适合你的相似的脸：

---

好的，所以我认为最好的方法如下
• 首先使用ttf字体
• 回到IE的OET字体
• 对于根本不支持嵌入式字体的浏览器，请使用Arial和无衬线字体

---

太好了，现在我刚找到一些EOT字体。
在这里写到：
现在基本上有95%的现代浏览器支持它：

---

IE6+、FF3.5+、Chrome、Safari 3.1+、Opera.
你好，安德鲁。我们正试图摆脱使用图像@字体是SEO友好且可访问的。出于SEO原因，您至少应该建议添加名称或alt选择器。