如何生成eot字型

2022-02-12 19:54:31 字數 1006 閱讀 1805

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

@font-face

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

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

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

2、使用ttf2eot。

ttf2eot 是乙個開源專案。支援linux和windows的環境,能夠快速的生成eot檔案。使用起來也非常方便。

3、microsoft weft。

microsoft weft是微軟推出的一款用來解決網頁字型問題的軟體。這款軟體能夠分析你的網頁中呼叫了哪些字型(應當是通過css判斷出來)然後會從系統中選擇對應的字型進行轉換,生成的eot檔案,也會根據頁面中用到的字型情況進行縮減,所以生成的檔案比較小。我認為非常適合用於中文類字型的生成。

具體的操作工程如下:

安裝程式並執行後,點選wizard,第一步是輸入姓名和郵箱,完成後進入到網頁選擇的介面。這裡是選擇要用到特殊字型的頁面。點選下一步後會彈出乙個關於編碼問題的對話方塊,一直點繼續就可以了。

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

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

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

參考資料:

1、用microsoft weft工具製作eot字型檔

2、網頁字型終極解決方案

3、ttf2eot

4、font squirrel

5、microsoft weft

6、css嵌入任意字型

如何設定字型

private void btnbold click object sender,eventargs e else newfont new font oldfont,oldfont.style fontstyle.bold 設定為粗體字格式 richtextbox1.selectionfont ne...

ogre字型生成 中文顯示

好久沒寫部落格了,今天寫一下如何在ogre中使用自己的字型.在ogre中主要有兩種方式生成字型 一種是利用truetype字型生成字型紋理,在材質中字型使用的資源往往以.ttf的形式存在 另一種是用自己畫的生成字型.在材質中只要提供一張 紋理 即可.下面分別介紹一下這兩種字型的實現方式.1.利用tr...

Ogre字型code points生成工具

今天在做ogre中文顯示時,遇到了ogre字型code points生成問題,下面來看一下我使用的黑體定義。simhei 字型code points就是你要使用的unicode字元編碼,例如 當 這個字的編碼用16進製表示是5f53,轉換成10進製就是24403,在ogre字型定義中使用的是10進製...