在做移動開發的時候，UI設計師會提供一些定製字體，來提高產品的視覺效果。對於前端開發來說，就需要考慮字體文件的兼容性和文件的大小，在儘量保證UI效果的情況下，兼容更多的瀏覽器，減少資源體積，使UI效果、兼容性、性能三者達到平衡。由於中文字體字符集的限制，最終字體包文件都會很大，這裏不做討論。下面主要介紹英文、數字符號場景下幾種常見的字體格式。
.ttf
TrueType，是Type 1(Adobe公司開發)的競品，由蘋果公司和微軟一起開發，是mac系統和window系統用的最廣泛的字體，一般從網上下載的字體文件都是ttf格式，點擊就能安裝到系統上。
.otf
OpenType，TrueType是OpenType的前身，90年代微軟尋求蘋果的GX排版技術授權失敗，被逼自創武功取名爲TrueType Open，後來隨着計算機的發展，排版技術上需要更加具有表現力的字體，Adobe和微軟合作開發了一款新的字體糅合了Type 1和TrueType Open的底層技術，取名爲OpenType。後來OpenType被ISO組織接受爲標準，稱之爲Open Font Format（off）。
.eot
Embedded Open Type，主要用於早期版本的IE，微軟根據OpenType做了壓縮，重新取名爲Embedded OpenType，是其專有格式，帶有版權保護和壓縮。ttf和otf字體在web端來說兼容相對較好，除IE和早期的ios safari和Android不怎麼支持外，其他瀏覽器都兼容都不錯。但是由於ttf和otf體積過大，在桌面瀏覽器的時代還可以滿足需求，到了移動瀏覽器的時代，動輒5MB、10MB的字體文件就顯得過於龐大了。因此微軟在OpenType的基礎上進行了優化壓縮，相比OpenType大大減少了體積，但是除了IE以外的瀏覽器都不太支持，因此也沒有成爲行業標準。
.woff
Web Open Font Format，可以看作是ttf的再封裝，加入了壓縮和字體來源信息，通常比ttf小40%。在2010年4月8日，Mozilla基金會、Opera軟件公司和微軟提交WOFF之後，萬維網聯盟發表評論指，希望WOFF不久能成爲所有瀏覽器都支持的、“單一、可互操作的（字體）格式”。2010年7月27日，萬維網聯盟將WOFF作爲工作草案發布。也是當前web字體的主流格式。
.woff2
Web Open Font Format 2.0，相比woff最大的優化應該是加強了字體的壓縮比。相同字體內容下，woff2比woff要小20%到30%。
結論
對比總結我們就會發現，儘管 .woff 文件由於歷史原因，許多舊設備的瀏覽器並不支持，但是考慮當前兼容情況和文件大小的優勢，在進行移動Web開發時，我們可以優先考慮使用.woff2，如果需要兼容更多的低版本設備，再考慮使用.woff。