在網(wǎng)頁設(shè)計中,字體是非常重要的元素。選擇合適的字體可以讓整個頁面看起來更加美觀,也適合于不同的網(wǎng)站主題。而在CSS中,有多種方法可以設(shè)置字體,下面將介紹如何使用CSS給body設(shè)置字體。
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; }
上述樣式代碼中,我們使用了font-family
屬性來設(shè)置字體粗細(xì)和字體系列,其中"Helvetica Neue"
是特定字體系列,Helvetica
和Arial
是作為備選系列出現(xiàn),sans-serif
代表網(wǎng)頁瀏覽器沒有找到此類字體時,使用默認(rèn)的無襯線字體。
在font-size
屬性中以px
為單位設(shè)置該字體的大小,此數(shù)字為16px。這將影響整體標(biāo)簽的字體大小,但不會影響任何其他的字體聲明。
font-weight
屬性設(shè)置當(dāng)前字體的粗細(xì)程度,數(shù)字從100到900。400是正常字體權(quán)重,700是粗體權(quán)重,使用更高權(quán)重的數(shù)字將使文本更加粗體。
line-height
屬性可以設(shè)置文本行的高度,它在每個字母之間添加了空格,這樣可以增加行與行之間的距離。您可以設(shè)置該屬性為數(shù)字,例如1.5
,這將創(chuàng)建1.5倍的行高度。
在應(yīng)用以上樣式后,body標(biāo)簽下的所有文本都將使用該字體。
通過這種方法,您可以很容易地使用CSS來對網(wǎng)站的字體進(jìn)行美化,同時提高用戶閱讀體驗。