華文彩云是一種較為流行的中文字體,該字體在網(wǎng)頁設(shè)計(jì)領(lǐng)域被廣泛應(yīng)用。華文彩云字體由蒙泰特設(shè)計(jì)師團(tuán)隊(duì)開發(fā),以傳統(tǒng)的中國傳統(tǒng)字體為基礎(chǔ)進(jìn)行設(shè)計(jì),適用于數(shù)字化設(shè)計(jì)及印刷領(lǐng)域,與霧山微軟的方正字體相比,華文彩云更具有裝飾性。
@font-face { font-family: 'HuawenCaiyun'; src: url('fonts/HuawenCaiyun.woff2') format('woff2'), url('fonts/HuawenCaiyun.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'HuawenCaiyun', Arial, sans-serif; }
我們可以在CSS樣式表中使用@font-face
聲明華文彩云字體,與其他字體一樣,我們需要引入字體的文件格式(這里包括了WOFF和WOFF2),并指定字體的名稱、字重及樣式。 設(shè)置好字體后,我們就可以在整個(gè)頁面中應(yīng)用如下:
h1 { font-family: 'HuawenCaiyun', Arial, sans-serif; font-size: 40px; font-weight: 700; letter-spacing: 2px; }
在頁面中的某個(gè)元素內(nèi)應(yīng)用華文彩云字體的方式非常簡單,我們可以參考上方樣式設(shè)置,設(shè)置元素所使用的字體族及字重、樣式等屬性即可。