天天看點

如何生成eot字型

前一段時間聽聞Google退出ubuntu字型的時候,使用了一下,進而了解到 font-face 的用法:

@font-face{font-family:'yahei';src:url(../images/msyh.eot);}

利用這種方式,就可以在網頁上顯示使用者的系統中不存在的字型。對于保證我們設計的一緻性,減少圖檔的使用是非常有幫助的。

那麼如何才能生成對應字型的EOT檔案呢?

查閱資料後,找到了三個方法:

如何生成eot字型

這個網站為我們提供了一個線上的字型轉換服務,缺點是對于字型檔案的大小有限制,更适合用來轉換英文類的字型。

2、使用ttf2eot。

3、Microsoft WEFT。

具體的操作工程如下:

安裝程式并運作後,點選Wizard,第一步是輸入姓名和郵箱,完成後進入到網頁選擇的界面。這裡是選擇要用到特殊字型的頁面。點選下一步後會彈出一個關于編碼問題的對話框,一直點繼續就可以了。

接着,WEFT會分析你的網頁中用到了哪些字型。一般通用的字型,我們可以不選擇嵌入,隻對特定的字型進行轉換。

之後,在選擇生成檔案儲存的位置,就可以生成檔案了。

将生成的檔案拷貝到伺服器的指定位置,在對應的頁面中補充 font-face 樣式,就可以實作在使用者浏覽器上顯示特殊字型的目的。

參考資料:

繼續閱讀