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