在線字體(web font)

在線字體又叫web font或網(wǎng)絡字體，是CSS3中的一個模塊，主要是把自定義的特殊字體嵌入到網(wǎng)頁中。

免安裝、免下載、直接在線使用。

有字庫為全球第一中文在線字體服務平臺。

由于設計的需要，網(wǎng)站中難免會用到一些比較特殊的字體（如方正字庫）來裝飾我們的網(wǎng)站，讓其更加美觀，我們可以用CSS的font-family屬性來設置文本字體。然而設置的字體如果是用戶的電腦上沒有安裝的字體，那么對不起，文字將以宋體呈現(xiàn)，這大大的影響了用戶體驗。

我們經(jīng)常能看到國外的一些網(wǎng)站使用了非常漂亮的字體，而這些字體通常在用戶的電腦中是沒有安裝的，如何實現(xiàn)的？如何讓特殊字體在網(wǎng)頁客戶端顯示？目前方案有兩種：

1. 制作圖片嵌入網(wǎng)頁。
2. 引用在線字體。

第一種方案生成圖片是現(xiàn)在主流的中文字體解決方案，但是有很大的缺陷，維護麻煩、不利于SEO！詳見圖片的弊端

第二種方案在線字體是一種創(chuàng)新的解決方案，在國外已經(jīng)相當流行，包括Google fonts、Adobe typekit等知名服務商。

通過上傳字體文件到指定目錄，然后在CSS中用規(guī)定格式進行引用就可以使字體效果躍上你的頁面了，使網(wǎng)頁用字不再受客戶端影響。

這么酷的東東，為什么以前都不曾了解？

因為中文字體過于龐大，小則三五兆，大則十幾兆，所以在線字體只流行于英文網(wǎng)站，雖然中文網(wǎng)頁設計師望眼欲穿，但也無可奈何。臨淵羨魚，不如退而結網(wǎng)，而現(xiàn)在我們通過按需截取的方式生成小字庫，可以小到幾十K，甚至幾K，終于有效控制了字體文件的大小，使中文也加入了網(wǎng)絡字體的陣營。

國內(nèi)主流瀏覽器都支持嗎？比如：IE、360、搜狗、火狐、chrome、safari、Opera。答案是：YES!!

猛擊這里了解瀏覽版本支持詳情——各瀏覽器都來捧場，可見網(wǎng)絡字體真是魅力難擋，不要落伍喲親。