網(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)頁中。
在網(wǎng)頁中正常定義即可,如:font-family: 'Roboto', sans-serif;
還可以把字體文件下載下來,放在服務(wù)器上引用。
不過,這些字體不包括中文。純英文的網(wǎng)站可以考慮使用。中文則不會按照設(shè)定的字體顯示。