哪些瀏覽器支持字體嵌入

我一直在閱讀有關@ 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