在線(xiàn)字體(web font)

在線(xiàn)字體又叫web font或網(wǎng)絡(luò )字體,是CSS3中的一個(gè)模塊,主要是把自定義的特殊字體嵌入到網(wǎng)頁(yè)中。

免安裝、免下載、直接在線(xiàn)使用。

有字庫為全球第一中文在線(xiàn)字體服務(wù)平臺。

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

我們經(jīng)常能看到國外的一些網(wǎng)站使用了非常漂亮的字體,而這些字體通常在用戶(hù)的電腦中是沒(méi)有安裝的,如何實(shí)現的?如何讓特殊字體在網(wǎng)頁(yè)客戶(hù)端顯示?目前方案有兩種:

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

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

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

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

這么酷的東東,為什么以前都不曾了解?

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

國內主流瀏覽器都支持嗎?比如:IE、360、搜狗、火狐、chrome、safari、Opera。答案是:YES!!

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

請先同意托管協(xié)議