EOT洼怔，TTF署惯，WOFF，SVG镣隶，WOFF2...字體格式有很多選擇极谊，盡管格式種類繁多，但沒有一種格式適用于所有瀏覽器安岂。這意味著我們必須使用多種字體格式來提供一致的體驗(yàn)轻猖。
按瀏覽器支持字體格式
現(xiàn)在，讓我們復(fù)習(xí)一些基礎(chǔ)知識域那，并仔細(xì)看看網(wǎng)絡(luò)上使用的不同字體格式咙边。
TrueType字體（TTF）
TrueType字體格式由蘋果和微軟開發(fā)猜煮，作為對PostScript字體格式的回應(yīng)。TTF長期以來一直是Mac和Windows操作系統(tǒng)上字體最常見的格式败许。各大瀏覽器都支持過王带。然而，IE8不支持TTF市殷；從IE9開始愕撰，它只得到部分支持，因?yàn)樽煮w必須設(shè)置為“可安裝”醋寝。
TTF允許最基本的數(shù)字版權(quán)管理類型——一個可嵌入的標(biāo)志搞挣，指定作者是否允許將字體文件嵌入PDF文件和網(wǎng)站。有一些工具允許修改此標(biāo)志音羞，這是TTF格式的主要問題之一囱桨。另一個缺點(diǎn)是TTF/OTF字體沒有壓縮，因此它們的文件大小更大嗅绰。
OpenType（OTF）
OpenType是TTF的演變舍肠。這是Adobe和微軟共同努力的結(jié)果。OpenType字體將屏幕和打印機(jī)字體數(shù)據(jù)包含在一個組件中窘面。OTF具有幾種獨(dú)家功能貌夕，包括支持多個平臺和擴(kuò)展字符集。OTF字體可用于Macintosh和Windows操作系統(tǒng)民镜。
OTF還允許存儲多達(dá)65,000個字符。這個額外的空間讓設(shè)計師可以自由地包括附加組件险毁，如小寫字母制圈、舊樣式圖形、備用字符和其他附加字符畔况，這些附加字符以前必須作為單獨(dú)的字體分發(fā)鲸鹦。
嵌入式開放類型（EOT）
EOT字體由微軟設(shè)計為網(wǎng)絡(luò)上使用的字體。這是試圖解決TTF和OTF在網(wǎng)絡(luò)上發(fā)布時的版權(quán)缺陷跷跪。EOT使用微軟工具從現(xiàn)有的TTF/OTF字體創(chuàng)建字體馋嗜。壓縮和子設(shè)置使字體文件變小。子設(shè)置提供了一些版權(quán)保護(hù)吵瞻，但EOT也使用加密來進(jìn)一步保護(hù)葛菇。聽起來很有希望嗎？是的橡羞，但EOT格式僅由Internet Explorer支持眯停。
Web開放字體格式（WOFF）
WOFF本質(zhì)上是包含了基于SFNT的字體（如TrueType、OpenType或其他開放字體格式）卿泽，且這些字體均經(jīng)過WOFF的編碼工具壓縮莺债，以便嵌入網(wǎng)頁中。這是Mozilla基金會、微軟和Opera軟件合作的結(jié)果齐邦。因?yàn)樽煮w是壓縮的椎侠，所以加載速度更快。元數(shù)據(jù)允許在字體文件中包含許可證數(shù)據(jù)措拇，以解決版權(quán)問題我纪。這是一個萬維網(wǎng)聯(lián)盟的建議，顯然是字體格式的未來儡羔。
WOFF2是下一代WOFF宣羊。WOFF2格式比原始WOFF平均壓縮增益30%。由于它仍然只是一個推薦的升級汰蜘，它沒有WOFF的廣泛支持仇冯。
可伸縮矢量圖形字體（SVG）
SVG字體是使用SVG的“font”元素定義的。這些字體包含字形輪廓作為標(biāo)準(zhǔn)SVG元素和屬性族操，就好像它們是SVG圖像中的單個矢量對象一樣苛坚。 SVG字體的最大缺點(diǎn)是缺少字體提示，字體提示是嵌入的額外信息色难，可呈現(xiàn)小字體且具有質(zhì)量和易讀性泼舱。另外，SVG不適用于正文枷莉，由于在Safari娇昙，Safari Mobile和Chrome上無法選擇文本，因此無法選擇單個字符笤妙，單詞或任何自定義選項(xiàng)冒掌，您只能選擇整個文本行或段落。
然而蹲盘，如果您的目標(biāo)是iPhone和iPad用戶股毫，SVG字體是您的唯一選擇。這是 iOS 版 Safari 瀏覽器 4.1 及以下版本允許的唯一文件格式召衔。
明智地選擇字體格式
如您所見铃诬，有很多因素可能會影響網(wǎng)頁字體的呈現(xiàn)。為了提供質(zhì)量和一致性苍凛，在所有可能的操作系統(tǒng)和瀏覽器組合上進(jìn)行測試至關(guān)重要趣席。
轉(zhuǎn)載自creativemarket.com - The Missing Guide to Font Formats: TTF, OTF, WOFF, EOT & SVG
