技術資訊
如何生成eot文件
2012-12-08 11:05:29
前一段時間聽聞Google退出ubuntu字體的時候，使用了一下，從而了解到 font-face 的用法：
@font-face{font-family:'yahei';src:url(../images/msyh.eot);}
如何轉換成eot。利用這種方式，就可以在網頁上顯示用戶的系統(tǒng)中不存在的字體。對于保證我們設計的一致性，減少圖片的使用是非常有幫助的。
那么如何才能生成對應字體的EOT文件呢？
查閱資料后，找到了三個方法：
1、在線字體轉換：Font Squirrel
這個網站為我們提供了一個在線的字體轉換服務，缺點是對于字體文件的大小有限制，更適合用來轉換英文類的字體。
2、使用ttf2eot。
ttf2eot 是一個開源項目。支持Linux和Windows的環(huán)境，能夠快速的生成EOT文件。使用起來也非常方便。
3、Microsoft WEFT。
Microsoft WEFT是微軟推出的一款用來解決網頁字體問題的軟件。這款軟件能夠分析你的網頁中調用了哪些字體（應當是通過css判斷出來）然后會從系統(tǒng)中選擇對應的字體進行轉換，生成的EOT文件，也會根據頁面中用到的字體情況進行縮減，所以生成的文件比較小。我認為非常適合用于中文類字體的生成。
具體的操作工程如下：
安裝程序并運行后，點擊Wizard，第一步是輸入姓名和郵箱，完成后進入到網頁選擇的界面。這里是選擇要用到特殊字體的頁面。點擊下一步后會彈出一個關于編碼問題的對話框，一直點繼續(xù)就可以了。
接著，WEFT會分析你的網頁中用到了哪些字體。一般通用的字體，我們可以不選擇嵌入，只對特定的字體進行轉換。
之后，在選擇生成文件保存的位置，就可以生成文件了。
將生成的文件拷貝到服務器的指定位置，在對應的頁面中補充 font-face 樣式，就可以實現在用戶瀏覽器上顯示特殊字體的目的。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能，海外官網品牌數字化
- [2023-05-06 10:32:26] 青島網站建設公司,高端網站定制,一站式網站服務——力圖數字科技
- [2023-04-27 13:47:54] 高端定制網站建設——從滿足預期到走向卓越
- [2023-04-11 09:17:49] H5頁面設計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數字科技配套網站服務支持
- [2021-05-18 10:14:11] 青島網站建設的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網建設項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢？為什么要開發(fā)微信小程序？
- [2021-01-08 17:28:04] 網站建設最容易忽略的人性化設計
- [2020-12-16 16:55:32] 建設一個常規(guī)的公司網站建設成本大概是多少？
延伸閱讀
- [2015-01-29 09:12:26] 發(fā)布文章選好正確的時間等于客觀的訪客
- [2015-01-10 17:24:53] Windows10會有32位系統(tǒng)么？會對我們青島網站建設又影響嗎？
- [2013-04-24 17:04:24] 如何提高百度的網站內容收錄
- [2011-10-10 22:20:58] 力圖seo網站建設六大戒條
- [2011-10-27 22:12:15] 網站關鍵詞間隔符號用什么好？
- [2012-08-24 09:12:06] 網頁平面布局設計
- [2015-01-13 19:27:05] 網站優(yōu)化的關鍵與弊端？
- [2014-10-28 09:17:05] Wordpress主題欣賞展示
- [2014-11-11 23:15:21] 文件夾刪除不了怎么辦
- [2015-02-06 08:42:42] dede TAG標簽 靈活使用方法
- [2014-12-16 09:30:17] 簡潔時尚的扁平化網站設計
- [2014-11-13 09:36:21] 個人經驗教訓及建議與大家分享
