大多數網站資料都以英文為主,而在一些需要用到中文的網站上,我們如何來設置中文呢?這就需要用到 CSS 的字體設置了。在 CSS 中,設置字體主要通過 font-family 和 font-size 這兩個屬性來實現。
我們首先要確定使用的中文字體,在這里以“微軟雅黑”為例,將這個字體添加到我們的樣式表中:
pre {
font-family: "微軟雅黑", Arial, sans-serif;
}
這里我們使用的是雙引號括起來的字體名稱。如果設置的字體名稱包含了一個或多個空格,那么必須加上引號,否則樣式表將無法識別。
我們還可以通過 font-size 來改變字體大小,單位為像素(px)或點(pt)。通常,中文字體的大小應該比英文字體小 2 個點或 2 像素,這是因為中文漢字相對于英文字符有更豐富的筆畫,因此在同樣大小的情況下,中文字體會更加密集,字符之間的空隙也更小。
pre {
font-family: "微軟雅黑", Arial, sans-serif;
font-size: 14px;
}
這里設置了字體大小為 14 像素。另外,我們往往也需要設置字體的顏色,可以使用 color 屬性來實現:
pre {
font-family: "微軟雅黑", Arial, sans-serif;
font-size: 14px;
color: #333;
}
這里將字體顏色設置為了 #333,也就是深灰色。通過這些簡單的樣式設置,我們就能夠很方便地在網站中使用中文了。
上一篇css前端橫幅樣式
下一篇css前面和后面的區別