CSS樣式表的font-family屬性可以用來定義頁面中的字體類型。其中一個(gè)值就是font-face。這個(gè)屬性是用來定制字體的,然后在網(wǎng)站上為用戶進(jìn)行字體的下載,這樣用戶可以在沒有該字體文件的情況下,使用該字體來裝飾頁面。
@font-face { font-family: 'MyWebFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); font-weight: normal; font-style: normal; }
上述代碼中,我們通過font-face定義了一個(gè)字體,名為"MyWebFont"。我們用src屬性指定字體文件的URL地址并說明格式。所以這里有兩個(gè)URL,一個(gè)用于支持現(xiàn)代瀏覽器,一個(gè)用于舊版瀏覽器。
最后,我們還需要設(shè)置字體的font-weight和font-style屬性,以確定字體的樣式。
需要注意的是,由于版權(quán)和法律問題,我們不可以自由地使用其他人設(shè)計(jì)的字體文件。但是,有些字體文件,比如說Google Fonts和Adobe Typekit中的字體,他們都已經(jīng)獲得了授權(quán),因此我們可以在自己的網(wǎng)站上免費(fèi)使用。
上一篇css樣式表格框