CSS是前端開發(fā)中非常重要的一種技術(shù),其中字體的設(shè)置也是其中的重點之一。在CSS中,常常需要使用中英文混合的文本,而針對這種情況,CSS提供了相應(yīng)的字體設(shè)置方案。
例如: font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
在上面的代碼中,我們可以看到有多個字體家族的名稱,它們用逗號隔開。這些字體家族名稱并不是完全隨意的,而是有一定的規(guī)則可循。
首先,對于英文字體而言,通常只需要指定字體家族即可,如下面的代碼所示:
font-family: Helvetica, Arial, sans-serif;
這里指定了Helvetica字體、Arial字體以及sans-serif字體家族。如果用戶的系統(tǒng)中已經(jīng)安裝了Helvetica或者Arial字體,則會優(yōu)先使用這些更為精細的字體,如果沒有則會使用一般的sans-serif字體家族。
當(dāng)我們需要設(shè)置中英文混合文本的字體時,則需要使用中文字體,這時候一個字體家族就不夠了,需要指定多個。例如在下面的代碼中:
font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
我們使用了'PingFang SC'這個字體家族作為中文字體,同時也指定Helvetica Neue、Helvetica、Arial、sans-serif這些字體家族,用于英文字體。
在指定字體家族時,建議按照中英文默認(rèn)的字體,首選列出中文字體,然后再列出英文字體。這樣能夠保證更好的字體顯示效果。
上一篇css字體中等是什么
下一篇css字體下劃線粗細