CSS中的字體樣式可以通過font-family屬性來設置。它定義了元素的默認字體。同時,web開發者也可以提供一個字體族列表來代替默認字體,以確保在用戶的計算機上能夠正確顯示字體。在比較早的瀏覽器版本中,font-family屬性通常只支持特定的字體族,并且在不同的操作系統和設備上顯示效果不同。而現在,隨著瀏覽器和操作系統的不斷發展,我們可以使用更多的字體類型,并兼容多種設備和操作系統。以下是使用font-family語法的示例:
body { font-family: Arial, Helvetica, sans-serif; }
在上述示例中,我們為body元素指定了一個Arial字體族,如果該字體族不可用,則使用系統默認Helvetica字體族,如果它也不可用,則使用默認的無襯線字體。
在CSS中,可以使用逗號來分隔不同的字體族,也可以在字體族名字之間使用引號。如果字體名字有空格,則必須將字體名字用引號括起來。以下是示例:
h1 { font-family: "Times New Roman", Times, serif; }
在該示例中,我們為h1標題指定了一個名為“Times New Roman”的字體,如果該字體不可用,則使用系統默認的Times字體,如果Times字體也不可用,則使用默認的襯線字體。
除了設置字體族之外,還可以使用font-weight屬性來設置字體的粗細,以及font-size屬性來設置字體大小。以下是示例:
h2 { font-family: Arial, sans-serif; font-weight: 700; font-size: 24px; }
在該示例中,我們為h2標題指定了一個Arial字體,并將其加粗(即設置字體重量為700),同時將字體大小設置為24像素。