|
前一段時(shí)間聽(tīng)聞Google退出ubuntu字體的時(shí)候，使用了一下，從而了解到font-face的用法：
@font-face{font-family:'yahei';src:url(../images/msyh.eot);}
如何轉(zhuǎn)換成eot。利用這種方式，就可以在網(wǎng)頁(yè)上顯示用戶(hù)的系統(tǒng)中不存在的字體。對(duì)于保證我們?cè)O(shè)計(jì)的一致性，減少圖片的使用是非常有幫助的。
那么如何才能生成對(duì)應(yīng)字體的EOT文件呢？
查閱資料后，找到了三個(gè)方法：
1、在線(xiàn)字體轉(zhuǎn)換：FontSquirrel
這個(gè)網(wǎng)站為我們提供了一個(gè)在線(xiàn)的字體轉(zhuǎn)換服務(wù)，缺點(diǎn)是對(duì)于字體文件的大小有限制，更適合用來(lái)轉(zhuǎn)換英文類(lèi)的字體。
2、使用ttf2eot。
ttf2eot是一個(gè)開(kāi)源項(xiàng)目。支持Linux和Windows的環(huán)境，能夠快速的生成EOT文件。使用起來(lái)也非常方便。
3、MicrosoftWEFT。
MicrosoftWEFT是微軟推出的一款用來(lái)解決網(wǎng)頁(yè)字體問(wèn)題的軟件。這款軟件能夠分析你的網(wǎng)頁(yè)中調(diào)用了哪些字體（應(yīng)當(dāng)是通過(guò)css判斷出來(lái)）然后會(huì)從系統(tǒng)中選擇對(duì)應(yīng)的字體進(jìn)行轉(zhuǎn)換，生成的EOT文件，也會(huì)根據(jù)頁(yè)面中用到的字體情況進(jìn)行縮減，所以生成的文件比較小。我認(rèn)為非常適合用于中文類(lèi)字體的生成。
具體的操作工程如下：
安裝程序并運(yùn)行后，點(diǎn)擊Wizard，第一步是輸入姓名和郵箱，完成后進(jìn)入到網(wǎng)頁(yè)選擇的界面。這里是選擇要用到特殊字體的頁(yè)面。點(diǎn)擊下一步后會(huì)彈出一個(gè)關(guān)于編碼問(wèn)題的對(duì)話(huà)框，一直點(diǎn)繼續(xù)就可以了。
接著，WEFT會(huì)分析你的網(wǎng)頁(yè)中用到了哪些字體。一般通用的字體，我們可以不選擇嵌入，只對(duì)特定的字體進(jìn)行轉(zhuǎn)換。
之后，在選擇生成文件保存的位置，就可以生成文件了。
將生成的文件拷貝到服務(wù)器的指定位置，在對(duì)應(yīng)的頁(yè)面中補(bǔ)充font-face樣式，就可以實(shí)現(xiàn)在用戶(hù)瀏覽器上顯示特殊字體的目的。
|