對于企業網站內容展示型的網頁，要讓用戶瀏覽時體驗效果好、印象深刻，除了設計師發揮創造力之外，也需要程序員高效率的代碼支持。在大多數情況我們看到網站中字體都是是宋體、微軟雅黑、蘋方字體等，只要操作系統里有的字體，網頁上都可以呈現其效果。但總有些標新立異的設計，字體風格異類，需全網站自定義字體。在操作系統還不存在該字體的情況，其實也有辦法實現。
首先我們網頁中字體的格式一般為：TTF、OTF、WOFF、EOT、SVG。
TTF
TrueType的主要強項在于它能給開發者提供關于字體顯示、不同字體大小的像素級顯示等的高級控制。TrueType是由美國蘋果公司和微軟公司共同開發的一種電腦輪廓字體（曲線描邊字）類型標準。這種類型字體文件的擴展名是.ttf，類型代碼是tfil。
OTF
OpenType，是一種可縮放字體（scalable font）電腦字體類型，采用PostScript格式，是美國微軟公司與Adobe公司聯合開發，用來替代TrueType字體的新字體。這類字體的文件擴展名有.otf、.ttf、.ttc，類型代碼是OTTO，現行標準為OpenType 1.8.2。
WOFF
WOFF （網頁開放字體格式） 是由 Mozilla 與 Type Supply, LettError 及其他組織協同開發的一種新的網頁字體格式。它使用了一種壓縮版本，類似于 TrueType, OpenType, Open Font 所采用的 SFNT 結構，不過還添加了共用數據及用戶私有數據結構，其中包括了自定義空間，其允許廠家和經銷商提供許可證。
EOT
嵌入式OpenType字體（英語：Embedded OpenType，簡稱EOT）是被微軟設計用來在網頁使用的字體格式。該字體格式是OpenType字體的壓縮格式。文件的擴展名通常是".eot"。
通過使用微軟的網頁字體工具（WETF）、其他版權軟件或者開源軟件，并且基于的存在的TrueType字體文件，這種字體文件也能夠被制作。
SVG
SVG (Scalable Vector Graphics font) 字體格式使用 SVG 的字體元素定義。這些字體包含作為標準 SVG 元素和屬性的字形輪廓，就像它們是 SVG 映像中的單個矢量對象一樣。SVG 字體最大的缺點是缺少字體提示（font-hinting）。字體提示是渲染小字體時為了質量和清晰度額外嵌入的信息。同時，SVG 對文本（body text）支持并不是特別好。因為 SVG 的文本選擇（text selection）目前在 Safari、Safari Mobile 和 Chrome 的一些版本上完全崩壞，所以你不能選擇單個字符、單詞或任何自定義選項，你只能選擇整行或段落文本。
目前主流的瀏覽器幾乎都支持 WOFF。我們可以通過以下三步，輕松實現
網站建設中網頁字體的自定義。
1.創建項目自定義字體目錄，導入字體。
2.CSS中定義字體。采用一個叫做@font-face 的CSS @規則 ，它允許網頁開發者為其網頁指定在線字體。 通過這種@font-face自定義字體的方式， 可以消除網頁對用戶電腦本地字體的依賴。
3.CSS引用自定義字體。根據開發者自身場景需求，可以全局引用，也可以局部標簽樣式引用。
最后，如果對于一些字體沒有WOFF格式，我們可以采用字體轉換的辦法，有很多開放的在線轉換工具供選擇，這個自己搜索一下 OTF到WOFF轉換器 或 在線字體轉換工具 即可。
?
