Web字體格式介紹

TrueType (.ttf)

　　Windows和Mac系統(tǒng)最常用的字體格式，其最大的特點(diǎn)就是它是由一種數(shù)學(xué)模式來(lái)進(jìn)行定義的基于輪廓技術(shù)的字體，這使得它們比基于矢量的字體更容易處理，保證了屏幕與打印輸出的一致性。同時(shí)，這類(lèi)字體和矢量字體一樣可以隨意縮放、旋轉(zhuǎn)而不必?fù)?dān)心會(huì)出現(xiàn)鋸齒。

EOT – Embedded Open Type (.eot)

　　嵌入字體格式（EOT）是微軟開(kāi)發(fā)的一種技術(shù)，允許 OpenType 字體嵌入到網(wǎng)頁(yè)并可以下載至瀏覽器渲染，瀏覽器根據(jù) CSS 中 @font-face 的定義，下載，渲染這種 .EOT 后綴的字體文件。這些文件只在當(dāng)前頁(yè)活動(dòng)的狀態(tài)下，臨時(shí)安裝在用戶(hù)的系統(tǒng)中。

OpenType (.otf)

　　OpenType是一種可縮放字型（scalable font）電腦字體類(lèi)型，采用PostScript格式，是美國(guó)微軟公司與Adobe公司聯(lián)合開(kāi)發(fā)，用來(lái)替代TrueType字型的新字型。這類(lèi)字體的文件擴(kuò)展名為.otf，類(lèi)型代碼是OTTO，現(xiàn)行標(biāo)準(zhǔn)為OpenType 1.4。OpenType最初發(fā)表于1996年，并在2000年之后出現(xiàn)大量字體。它源于微軟公司的TrueType Open字型，TrueType Open字型又源于TrueType字型。OpenType font包括了Adobe CID-Keyed font技術(shù)。Adobe公司已經(jīng)在2002年末將其字體庫(kù)全部改用OpenType格式。

WOFF – Web Open Font Format (.woff)

　　相對(duì)于 TrueType 和 OpenType ，WOFF（Web開(kāi)發(fā)字體格式）是一種專(zhuān)門(mén)為了 Web 而設(shè)計(jì)的字體格式標(biāo)準(zhǔn)，它并不復(fù)雜，實(shí)際上只是對(duì)于 TrueType / OpenType 等字體格式的封裝，并針對(duì)網(wǎng)絡(luò)使用加以?xún)?yōu)化：每個(gè)字體文件中含有字體以及針對(duì)字體的元數(shù)據(jù)（Metadata），字體文件被壓縮，以便于網(wǎng)絡(luò)傳輸，并且不包含任何加密或者 DRM 措施。包括 Adobe、 Lino Type、Monotype 在內(nèi)的幾乎所有主要的字體供應(yīng)商都加入到支持 WOFF 的行列中來(lái)

SVG (Scalable Vector Graphics) Fonts (.svg)

　　顧名思義，就是使用SVG技術(shù)來(lái)呈現(xiàn)字體，還有一種gzip壓縮格式的SVG字體.svgz。SVG可縮放矢量圖形（Scalable Vector Graphics）是基于可擴(kuò)展標(biāo)記語(yǔ)言（XML），用于描述二維矢量圖形的一種圖形格式。SVG由W3C制定，是一個(gè)開(kāi)放標(biāo)準(zhǔn)。SVG嚴(yán)格遵從XML語(yǔ)法，并用文本格式的描述性語(yǔ)言來(lái)描述圖像內(nèi)容，因此是一種和圖像分辨率無(wú)關(guān)的矢量圖形格式。SVG可以使你設(shè)計(jì)的網(wǎng)頁(yè)可以更加精彩細(xì)致，使用簡(jiǎn)單的文本命令，SVG可實(shí)現(xiàn)色彩線(xiàn)性變化、路徑、自定義字體、透明效果、濾鏡效果等各式常見(jiàn)的圖形圖像效果。

字體格式轉(zhuǎn)換工具

EOTFast

這個(gè)工具我剛用過(guò)，非常好用的一個(gè)工具，用于把TTF文件轉(zhuǎn)為EOT格式。

Microsoft WEFT

微軟提供的字體格式轉(zhuǎn)換工具。

ttf2eot

可以轉(zhuǎn)換TTF文件為EOT格式。

• http://ttf2eot.sebastiankippe.com
• http://www.cuvou.com/wizards/ttf2eot.cgi
• http://onlinefontconverter.com/

如果想把OTF文件轉(zhuǎn)為T(mén)TF格式，可以使用FontForge來(lái)轉(zhuǎn)換。

瀏覽器兼容性一覽

　　使用CSS3的@font-face屬性可以實(shí)現(xiàn)在網(wǎng)頁(yè)中嵌入任意字體（其實(shí)IE4就支持這個(gè)屬性了，后來(lái)這個(gè)屬性加入到了CSS3中），但是IE只支持微軟自有的EOT格式字體，而其他瀏覽器都不支持這一字體格式，其它瀏覽器可以設(shè)置TTF(TrueType)和OTF(OpenType)兩種字體作為自定義字體，瀏覽器對(duì)@font-face屬性及各種字體格式支持詳?shù)募?xì)情況如下：

Browser	@font-face	TrueType	WOFF	EOT	SVG	SVGZ
	4+	9+	9+	4+
	3.5+	3.5+	3.6+
	4+	4+	6+		4+	6+
	3.1+	3.1+	6+		3.1+	3.1+
	10+	10+	11.1+		10+	10+

原文：Web字體格式介紹及瀏覽器兼容性一覽