如何在網站中使用中文云字體（Web font）？

+ 查看更多

前幾天，小飛在會議室聽見了這樣一段有關網頁字體使用的對話：

美工：為什么我設置的特殊字體（藝術字體）在一些客戶端是以"宋體"顯示的？

技術：因為用戶電腦上沒有安裝你設置的字體啊，而宋體是安全字體（每臺電腦基本都安裝了）；

美工：那讓用戶安裝一下就好了？

技術：這是一種解決方案，當用戶打開網頁時，若該字體用戶未安裝，則提示用戶進行安裝。但這種方法有一個很大的問題。通過使用腳本程序識別客戶端是否安裝該字體，一方面會加大程序的負載量，另一方面還會影響用戶順暢的瀏覽體驗；

美工：呃……大家現在都是怎樣在網頁中使用特殊字體的？

技術：現在主流的解決方案是制作字體圖片嵌入網頁。不過它同樣也存在很多缺點，比如網頁加載速度慢、后期維護麻煩、不利于網站SEO、效果不理想；

美工：這也不行，那也不行，那你說怎么辦？

技術：將字體嵌入到網頁中。這是國外非常流行的一種解決方案，即網絡字體/云字體（web font），也稱為"網頁內嵌字體"或"網頁外調字體"，它是指通過上傳字體文件到指定目錄，然后在CSS中用規定格式進行引用。使用這種方式有很多優勢，比如呈現效果好，網頁加載速度快等。

美工：這種方式這么好，為什么大家都不用呢？

技術：因為中文字體不同于英文，一套中文字體小則三五兆，大則十幾兆，如果整套嵌入的話，字體加載速度非常慢，很少有用戶會耐心等待字庫加載完成的。

美工：說了這么多，網頁字體/云字體也不好用啊？

技術：沒有啊，現在起飛頁通過按需截取的方式生成小字庫，截取后的小字體嵌入網頁使用（而不是整套嵌入），這能有效控制文件字體的大小（可以小到幾十K，甚至是幾K），這樣字體加載速度就會很快，中文網頁字體/云字體基本上就沒有什么缺點了。誒，人呢？

小飛：他已經去系統里看了……

技術：目前起飛頁的中文云字體僅適用于標題組件，在標題設置的"標題內容選擇"中點擊【自定義標題】，向下滾動就可以看到"自定義標題中文擴展藝術字體"選項了（副標題的設置也是同理）。這里的特殊字體有30+種，可滿足廣大用戶的基本需求。

小飛：好的，我也去看看。

最后，小飛再給大家總結一下起飛頁中文云字體的優勢：

起飛頁中文云字庫采取按需截取的方式為您生成小字庫，可有效減小字體文件大小。 

雖然制作圖片嵌入到網頁中同樣可以呈現中文字體，但它對搜索引擎優化并不友好，因為Google、百度等搜索引擎無法辨認出圖片的文字內容，無法搜索到網站相關內容。而使用網絡字體（Web font）則是呈現真實的文本，有利于網站的SEO優化。 

起飛頁云字體支持國內主流瀏覽器，比如：IE、360、搜狗、火狐、chrome、safari、Opera。

相比在放大、縮小過程中可能會產生變形的圖片字體，起飛頁云字體是以矢量字在網頁中真實呈現的，能夠根據瀏覽分辨率做實時的字體描繪，無論放大/縮小到任何尺寸都能清晰分明。 

起飛頁云字體使用起來非常簡單，無需進行安裝、下載，可直接在線使用。