CSS文本屬性"font-family"用于指定一段文本所使用的字體類型。
樣式表: p { font-family: Arial, sans-serif; }
在上述例子中,"Arial, sans-serif"指的是一組字體族名稱,實際字體類型將依次從列表中選取。如果系統沒有安裝或者無法加載第一個字體,瀏覽器會嘗試下一個備選字體。
默認情況下,如果字體族名稱中包含多個單詞,必須使用引號將其括起來。例如:
樣式表: p { font-family: "Times New Roman", serif; }
在CSS中,字體族名稱還可以由廠商提供。例如,"font-family: 微軟雅黑"指代由Microsoft提供的微軟雅黑字體。
在CSS中,可以在"font-family"屬性值中使用通用字體族名稱(Generic Font Family)。這些名稱包括:
- "serif"(有襯線)
- "sans-serif"(無襯線)
- "monospace"(等寬字體)
- "cursive"(草書風格)
- "fantasy"(藝術字體風格)
舉個例子:
樣式表: p { font-family: monospace; }
這個例子將p元素中所有文本的字體設為瀏覽器默認的"monospace"字體族。
在實際應用中,"font-family"屬性是定義網頁字體的重要方式之一。選擇恰當的字體族和排版,能夠大大提高網頁的可讀性和體驗。