欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

eot,ttf,svg在font-face聲明中還有必要嗎?

錢良釵2年前7瀏覽0評論

到目前為止,我一直使用Paul Irish的防彈字體-字體語法

但我只是在尋找支持。caniuse上的woff和. woff2文件,上面說IE9+支持woff。大多數關于這個主題的文章來自aro und 2009,在撰寫本文時已經是整整7年前了。當woff現在享有如此廣泛的支持時,我們真的需要繼續聲明ttf、otf、eot和svg嗎?

2018年10月編輯

TL;dr:使用WOFF2,每一個現代瀏覽器都支持它,WOFF回退,因為IE11不會死(2022年末更新:微軟實際上在6月15日承諾的EOL日期殺死了它,世界對它來說是一個更好的地方),并且不使用local() source指示符,因為你希望每個人都使用相同的字體,而不是& quot一個不同的版本,甚至完全不同的字體,只是碰巧用了同一個名字& quot。

結束了。

2016原答案

簡而言之:沒有。

更長的答案:

EOT只與IE8及以下相關(雖然作為瑣事:一直到IE4。IE實際上是webfonts)的先驅,而SVG字體作為技術(不要與帶有SVG輪廓的OpenType字體混淆)被放棄(在2015年初),因為一旦真正的webfonts開始可用,其局限性就變得瘋狂了。從2016年開始,你只需要WOFF。和WOFF2,如果你想利用剛剛成為w3推薦標準的更新更好的WOFF版本(在回答這個問題的時候)。

更簡單的是,自2016年1月12日起,微軟停止了對IE8及以下版本的支持,對IE9的支持有限:他們現在將只支持每個仍受支持的操作系統的最新可用瀏覽器,這意味著Windows XP不再支持IE9,因為XP本身不再受支持,但在技術上仍受支持,直到Vista SP2和Server 2008 R2分別于2017年和2020年結束擴展支持。當然,對于Windows Server 2008來說,webfont支持是不相關的,大多數仍然使用舊版本Windows的企業跳過了Vista,要么是Windows XP(風險自負),要么是Windows 7(我們很有可能在2016年7月全部成為Windows 10,29日是人們可以免費從7/8.1升級到10的最后日期——但不是8)。

(2017年4月編輯:Windows Vista SP2本月停止支持,因此IE9現在正式不再受支持)

至于TTF/OTF,你不會想在網上使用它們,就像你不會想使用TIFF圖像而不是JPG或PNG一樣:即使WOFF是& quot只是& quotWOFF/WOFF2是TTF/OTF數據的一個薄薄的包裝,它允許數據被壓縮,而普通的OpenType不允許。

此外,TTF/OTF是通用的(對于支持OpenType的系統而言)字體,因此被更加仔細地檢查正確性,尤其是IE的版本。使用WOFF,作為一種文件類型,它清楚地表明這是一種web(開放)字體(格式),一種不太嚴格的審查形式意味著一些未能通過系統OpenType驗證的字體仍然可以作為Web字體工作(由于并非所有通用OpenType數據都是字體在Web上下文中工作所必需的)。

最后,您可以選擇WOFF格式:格式1,只是稱為WOFF,是較老的格式,使用基于deflate的壓縮,類似于PNG壓縮;格式2稱為WOFF2,是基于brotli算法的較新的壓縮格式,也允許& quot切碎& quot在處理支持多種語言的unicode字體時,將字體放入單獨的文件中以優化交付。您不需要同時使用所有的文件,所以只需要提交那些包含特定頁面所需的unicode范圍的文件,這樣就可以使頁面大小和加載時間稍微減少一些。

總結:進步萬歲,用WOFF(或WOFF2)就行了。

當然,記得使用format()值來指明@font-face源代碼的格式。

2022年6月20日更新

我的答案現在不再真正相關,除非你正在處理一些真正特定的用例,在這些用例中,你知道不應該再使用的真正過時的瀏覽器仍然在使用(政府工作?).把這個留給后代,但是IE現在終于死了,至少對于現代商業應用來說。

(已編輯,將其移至頂部)

這更像是2019年的附錄。在2019年9月18日這一點上,IE11仍然有大量的使用,更不用說其他更過時的軟件了。

因此,在一年前的最新編輯中,公認的最高投票答案是錯誤的,你只需要woff2。至少你需要woff2和woff,你可能想要一個更通用的備份選項,即使它不像svg那樣理想。

當然,您應該首先加載并支持woff2,但遺留支持是不爭的事實,在未來幾年內,您可能無法只使用woff2。

最全面的現代選項可能是woff2,woff作為后備,eot用于IE。這將在2019/2020年打擊所有重要用途的瀏覽器

示例:

@font-face {
  font-family: "yourFontHere";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/yourFontHere.eot");
  src: url("../fonts/yourFontHere.eot?#iefix") format("ie9-skip-eot"),
  url("../fonts/yourFontHere.woff2") format("woff2"),
  url("../fonts/yourFontHere.woff") format("woff");
}

這是一個正常的綜合字體面聲明的樣子。

參見以下內容:Eot、Woff、Woff2

這涵蓋了除Opera Mini之外的所有內容,坦白地說,Opera Mini不如IE 6-8值得支持,因為支持它是一場噩夢,而且很少使用。

但是,如果您不同意這一評估,您可以根據需要添加一條額外的備用線,就像woff線一樣。將svg格式添加到上面的例子中,不僅可以支持所有的瀏覽器,而且也有理由將它包含在可訪問性中。請參見:可訪問性示例

我決定發布我自己的答案有兩個原因:目前被接受的答案對在現代web開發中使用WOFF2和WOFF字體stac k有點過分熱情,而沒有提到其他因素,而且它還嚴重指向官方的終止日期,這并沒有反映真實世界中實際使用的瀏覽器版本。在這個回答中,我將尋找CanIUse.com,這是一個跟蹤此類事情的行業標準。

支持WOFF2 WOFF2在各方面都比WOFF有所改進,2014年后發布的大多數桌面瀏覽器都支持它,但直到2018年才開始被大多數移動瀏覽器支持。估計全球93%的瀏覽器都支持它。

支持WOFF WOFF在IE9(2011年發布)中開始得到Internet Explorer的支持,這使得EOT格式對于2011年以來發布的IE版本來說已經過時。估計全球97%的瀏覽器都支持它。

其他桌面瀏覽器大約在同一時間開始支持WOFF,包括從Firefox 3.6開始的Firefox,從Chrome 5開始的Chrome,以及從5.1開始的Safari(分別于2010年、2011年和2011年發布),使得之前版本中的TTF和OTF1格式過時。自2013年以來,大多數手機瀏覽器都支持WOFF。

警告和結論 從這個角度來看,很容易把所有其他格式都認為是不必要的,但是不再被官方支持的軟件從來都不是它不再被使用的好指標。換句話說,全球瀏覽器版本份額根本不能保證代表你的網站將被使用的人口統計數據。

瀏覽器版本份額在不同的人口統計中會有很大的差異:國家、社會階層和收入等因素都會嚴重影響用戶使用的設備(以及瀏覽器的版本)。作為一名開發人員,請考慮您正在構建的網站是否會被更有可能使用這些舊版本的人群所使用。

如果你決定是這樣,并且你需要支持2011年以前的桌面瀏覽器,或者2013年以前的移動瀏覽器,使用完整的字體堆棧:WOFF2、WOFF、TTF(或者OTF)和EOT。

如果你不需要支持這些古老的瀏覽器,而且你很可能不需要,那么從現在開始,簡單地使用WOFF2和WOFF作為你的字體堆棧。

(1) TTF和OTF是傳統的桌面字體格式,任何支持其中一種的瀏覽器都支持另一種,千萬不要兩種都用