一、web font
web font是應(yīng)用在web中的一種字體技術(shù),在CSS中使用font-face定義新的字體。先了解操作系統(tǒng)中的字體:
a)、安裝好操作系統(tǒng)后,會默認(rèn)安裝一些字體,這些字體文件描述了每一個文字的形態(tài),一般中文文件大,英文文件小,因?yàn)橹形淖址麛?shù)多;在控制面板中可以找到文字文件夾,在C:\Windows\Fonts下也可以直接找到。另外如果想讓自己的電腦上有更加豐富的字體,可以下載新的字體文件后復(fù)制到改位置。
b)、我們在文檔中顯示的字體應(yīng)該在系統(tǒng)中能找到才會正常顯示,比如你在word中使用了黑體字,但是將word文件發(fā)給另外一個人,他的電腦上并沒有黑體字,此時就不能按黑體正常顯示,網(wǎng)頁也一樣。為了讓網(wǎng)頁上能顯示本地沒有的字體我們可以使用font-face, 這并不是CSS3創(chuàng)始的一種技術(shù),早在IE5中就實(shí)現(xiàn)了。
1.1、什么是font-face
@font-face 能夠加載服務(wù)器端的字體文件,讓客戶端顯示客戶端所沒有安裝的字體,可以實(shí)現(xiàn)矢量圖標(biāo)。如下所示:
微軟的IE4已經(jīng)是開始支持這個屬性,但是只支持微軟自有的.eot (Embedded Open Type) 格式,而其他瀏覽器直到現(xiàn)在都沒有支持這一字體格式。然而,從Safari 3.1開始,網(wǎng)頁重構(gòu)工程師已經(jīng)可以設(shè)置.ttf(TrueType)和.otf(OpenType)兩種字體做為自定義字體了。
1.2、font-face優(yōu)點(diǎn)
<