哪些浏览器支持字体嵌入

我一直在阅读有关@ font-face规则，并试图解决它是否值得在项目中使用它来为标题呈现“富兰克林哥特式媒体”而不是像sIfr之类的东西。我想，对于不支持它的浏览器，我可以让它回退到Arial。哪些浏览器支持字体嵌入

问题是，我无法获得关于哪种浏览器支持以这种方式嵌入字体的明确答案。

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

如果任何人都可以指出我对兼容性图表的一些肯定会很棒。

乔恩

2009-01-28 jonhobbs

This article讨论有关中途浏览器支持下面是最相关的位，但整个事情是值得一读：

CSS3（和CSS2在1997年和1998年甚至草稿）长久以来一直承诺使用@ font-face规则来嵌入字体的标准化方式。许多人可能不知道的是，Opera 9.5已经支持这一规则，为Mac，Windows和iPhone OS提供Safari版本，并承诺Firefox 3.1，以及IE6和更高版本。

不幸的是，尽管支持@ font-face暗示Opera 9.5和Firefox 3.1（请参阅我在下面第4条的评论），但事实上并非如此。

虽然有一个问题。除IE以外的所有浏览器都支持链接到TrueType字体文件。 Microsoft仅支持专有的EOT文件格式。

编辑：包括this update从Ric Tokyo的回答。

[更新2] Opera 10和Firefox 3.1现在支持链接到TrueType和OpenType（但不包括EOT），目前正在交付alpha或beta版本。

来源

2009-01-28 16:27:28 nezroy

-2

他们不，最好的办法是做类似如下：

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

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

This aricle解释了一些其他的替代品。

编辑：我不知道为什么这是downvoted。底线是没有可访问的，seo友好的方式来做你想要的，这是所有浏览器都支持的。如果你想疏远你的用户，那么去其他解决方案之一。否则，生病让我的用户满意我的-1。

来源

2009-01-28 16:29:04

嗨安德鲁。我们正试图摆脱使用图像。 @ font-face既友善又易于使用。 – jonhobbs 2009-01-28 17:32:54

web kit also does

quirks mode有很长一段时间以来对于JS兼容性列表一个很好的资源和CSS

来源

2009-01-28 16:29:37

我记得Safari的人自豪地写博客，帖子，说的Webkit可以下载ttf字体，并利用它们自动，当他们在页面源。 IE支持永久下载位图字体。

来源

2009-01-28 16:29:56 nes1983

@nezroy，here是更新：

[更新2]歌剧10，和Firefox 3.1现在支持在目前出货的阿尔法或贝塔链接到TrueType和OpenType（但不EOT）。

来源

2009-01-28 16:31:13

如果你不喜欢某些Java脚本，这篇文章可以帮助你：http://www.webresourcesdepot.com/use-any-font-via-javascript-typefacejs/。

我没有用它自己，但它promisses来询问服务在任何浏览器的任何字体...

来源

2009-01-28 16:35:12

Safari浏览器3.1（和Webkit Nightly版本），火狐3.1和Opera 10的支持@字体面嵌入了.ttf（TrueType字体）和.otf（OpenType字体）。 Internet Explorer版本5+仅支持针对.eot（专有嵌入式开放式格式）的@ font-face嵌入。

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

关于如何使用@ font-face规则，CSS3.info有一个很好的brief tutorial。该网站是玩CSS3技巧的好资源（或者在这种情况下，CSS2提出的技巧）。

关于A List Apart这个问题有一篇更彻底的文章。

请确保您在网页中嵌入的任何字体表明您的许可证中可以这样做，因为字体将存放在您的Web服务器上的公共目录中，任何人都可以免费下载。这种使用并不总是明确地包含在许可证中，但您通常可以直接联系设计人员询问。只要您包含指向其网页的链接，他们通常会让您使用字体。我不知道富兰克林哥特式媒体是否被批准用于这种用途，但我怀疑它是如此。

这是一些免费字体的资源。如果你够挖，你通常可以找到类似的脸，会为你工作：

来源

2009-01-28 17:06:21