CSS中字體系列指的是網(wǎng)頁中可用的字體族列,它決定了文本在網(wǎng)頁上的顯示樣式。在CSS中,可以設(shè)置一個(gè)字體可替代列表,在這個(gè)列表中的字體會(huì)按照先后順序被逐個(gè)嘗試,如果用戶計(jì)算機(jī)上沒有前面的字體,則使用后面的字體來顯示文本。
CSS字體系列屬性包括font-family,其中,font-family指定文本的字體族列,單個(gè)字體族列可以是字體系列名稱或通用字體系列名稱。字體系列名稱指的是計(jì)算機(jī)中安裝的字體的名稱。通用字體系列名稱則分為serif、sans-serif、monospace、cursive、fantasy這五種類型,每種類型也對應(yīng)一定的字體樣式。
示例代碼: p { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
字體系列的秩序應(yīng)該按照從高到低的順序排列。比如,在上述代碼中,如果計(jì)算機(jī)中不存在Arial字體,就會(huì)使用"Helvetica Neue"字體,這一規(guī)律以此類推,如果以上字體都不存在,就會(huì)使用sans-serif字體系列中的一個(gè)字體,在Windows系統(tǒng)中,典型的sans-serif就是MS Shell Dlg2;在Mac系統(tǒng)中,典型的sans-serif字體就是Lucida Grande。
除了font-family外,我們還可以使用font-size、font-style、font-weight等屬性來設(shè)置字體的樣式和大小。通過綜合運(yùn)用,可以根據(jù)不同的要求定制出多種不同風(fēng)格的文本。但需要注意的是,在設(shè)置字體大小時(shí),我們應(yīng)該使用相對單位,而不是絕對單位,這樣可以使我們的網(wǎng)頁在不同設(shè)備上呈現(xiàn)出相同的比值。
示例代碼: p { font-size: 16px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-style: normal; font-weight: 400; }
通過使用上述CSS屬性,我們可以輕松設(shè)置網(wǎng)頁中不同文本的字體、大小和樣式,使得網(wǎng)頁在視覺效果上更加統(tǒng)一,更加美觀。