在CSS中設置字體是很重要的,它能夠改善文本可讀性和視覺效果。通過為文本和文本容器分別應用字體屬性,可以改變文本的字體、字重和大小。
/* 設置全局字體 */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* 設置元素的字體 */ p { font-family: Georgia, serif; font-size: 18px; font-weight: normal; }
在CSS中,字體屬性可以設置為特定字體系列中的一個或多個值來定義要使用的字體。如果第一個字體系列不可用,則會嘗試第二個,并依此類推。在這個例子中,"Helvetica Neue"是首選字體,"Helvetica"和"Arial"是備選字體。
要設置元素的字體,可以使用CSS選擇器,例如“p”選擇器將應用CSS規則到所有的<p>元素上。在這個例子中,<p>元素的字體被設置為“Georgia”。
字體的大小和字重也可以通過CSS進行設置。通過設置字體大小屬性,可以調整文本的大小。通過設置字重屬性,可以讓文本看起來更濃或更細。
/* 調整字體大小 */ p { font-size: 24px; } /* 讓文本更濃 */ h1 { font-weight: bold; } /* 讓文本更細 */ a { font-weight: lighter; }
總而言之,在CSS中設置字體是一個非常實用的技巧,可以提高文本的可讀性和視覺效果。掌握如何使用CSS字體屬性可以讓您更加精細地控制文本的顯示。
下一篇css樣式中 頭部對齊