網(wǎng)頁使用的字體需要受制于操作系統(tǒng),如果用戶的操作系統(tǒng)沒有安裝某個字體,網(wǎng)頁則會退而求其次的使用系統(tǒng)自帶的字體。

因此我們并不能隨便使用一些好看的字體,只能選用一些安全字體。比如:Helvetica,Arial,宋體,微軟雅黑,如果能在網(wǎng)頁上使用好看的字體就好了~

可是引入字體對于英文來說,是合適的,因為字體文件本身不大。但是對于中文字體,一個字體文件就好幾M,既耗費流量,又拖慢了加載速度,還會出現(xiàn)加載后字體突然變化的情況,尤其是對于移動端來講,非常不劃算。

做為一個有追求的前端,我也想做出一個有個性的網(wǎng)頁啊,怎么能只用這一種字體呢?

于是,我們可以使用以下的方法,引入其他的字體。 

1.谷歌字體源--英文字體

可以在https://fonts.google.com/網(wǎng)站上下選擇字體,然后把提供的代碼,引入網(wǎng)頁中。

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

在網(wǎng)頁中正常定義即可,如:font-family: 'Roboto', sans-serif;

 

還可以把字體文件下載下來,放在服務(wù)器上引用。

不過,這些字體不包括中文。純英文的網(wǎng)站可以考慮使用。中文則不會按照設(shè)定的字體顯示。

 

2.使用切圖片的方式

網(wǎng)友評論