分類導(dǎo)航

網(wǎng)頁引入特殊字體的幾種方案

發(fā)布時(shí)間：2017年06月05日作者： IT網(wǎng)絡(luò)文摘 (該文來自筆記，點(diǎn)擊查看原文)

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

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

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

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

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

可以在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è)定的字體顯示。