在CSS中,可以通過設置body
元素的font-family
屬性來改變網頁的整體字體。
body { font-family: Arial, sans-serif; }
在font-family
屬性中,我們可以設置一個字體族,多個字體之間用逗號隔開。這里的Arial
與sans-serif
都是字體族的名字。
當第一個字體在用戶電腦上不存在時,瀏覽器會按照設置的順序依次嘗試下一個字體。而sans-serif
是一個通用的字體族,表示沒有襯線的字體。
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
在設置中,我們可以使用雙引號來包裹帶有空格的字體名稱,確保瀏覽器正確識別。在這個例子中,我們首先設置了Helvetica Neue
這個字體,如果用戶電腦上沒有該字體,則自動為其標準的Helvetica
字體。如果這兩個字體都不存在,則嘗試使用本地的Arial
字體,再沒有則投入sans-serif
。
通過設置body
元素的font-size
屬性,我們能夠改變整個頁面的字體大小。
body { font-family: Arial, sans-serif; font-size: 16px; }
在這個例子中,我們將font-size
屬性的值設置為16px
。這是一個比較常見的字體大小,也可以根據需要進行調整。
通過設置font-weight
屬性,我們可以為body
元素中的字體指定加粗或者普通等不同的字體粗細程度。
body { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; }
在這個例子中,我們將font-weight
屬性的值設置為bold
,即為加粗的效果??梢栽O置的值還有normal
(普通)、bolder
(更加加粗)等等。