CSS是HTML的強大補充,它可以讓網頁看起來更加美觀,同時也提高了可讀性。設定字體是網頁樣式設計中非常基本的一項內容,下面我們就來看一下如何在CSS中設置字體。
body { font-family: Arial, sans-serif; }
在CSS中,使用font-family
屬性來設定字體。上面的代碼表示,在整個頁面中,我們要采用Arial字體,如果用戶電腦中沒有安裝Arial字體,則會自動尋找附帶字體名稱sans-serif
的字體來代替。
h1 { font-family: 'Times New Roman', Times, serif; }
在特定區域內,我們也可以使用font-family
屬性來設定不同的字體。上面的代碼表示,我們要設置
標簽所包含的文本,使用Times New Roman字體,如果用戶電腦中沒有該字體,則尋找附帶字體名稱Times和通用PostScript字體來代替。h2 {
font-family: Georgia, 'Times New Roman', Times, serif;
}
同樣,我們也可以設定多個備選字體,當設定的字體不可用時,自動使用后面的字體。上面的代碼表示,在
標簽所包含的文本中,優先使用Georgia字體,如果沒有,使用Times New Roman,如果還沒有,則使用附帶字體名稱Times和通用PostScript字體。
在使用CSS設定字體的時候,我們需要注意,網頁中不能亂用字體,過多的字體樣式會使網頁看起來混亂,影響用戶的閱讀體驗。