在前端開發中,經常會用到 CSS 來設置頁面的樣式。其中,字體樣式也是很重要的一部分。通過 CSS 可以設置字體的樣式、大小、顏色等各種屬性。下面我們就來了解一下 CSS 字體的用法。
在 CSS 中,使用font-family
屬性來設置字體的種類。比如:
p { font-family: "Microsoft Yahei", Arial, sans-serif; }
上述代碼將字體分為三部分:首先使用微軟雅黑字體,如果系統中沒有該字體,則使用 Arial 字體;如果兩種字體都不存在,則使用瀏覽器默認的 sans-serif 字體。在設置字體時,一定要放置到其他屬性前面,否則會被其他樣式屬性所覆蓋。
接下來我們來看一下 CSS 中怎樣設置字體大小。使用font-size
屬性即可,例如:
p { font-size: 16px; }
上述代碼將字體大小設置為 16 像素。當然,還可以使用其他單位來進行設置,例如:em
、rem
等。
CSS 也支持設置字體樣式,包括加粗、傾斜等。使用font-weight
屬性來設置字體的粗細,例如:
p { font-weight: bold; }
上述代碼將字體設置為粗體。如果需要使用斜體,可以使用font-style
屬性,例如:
p { font-style: italic; }
上述代碼將字體設置為斜體。當然,還有其他樣式可以進行設置,如下所示:
p { font-weight: bold; font-style: italic; text-decoration: underline; color: red; }
上述代碼將字體設置為加粗斜體,并添加下劃線,顏色為紅色。
在 CSS 中,還可以設置字體的行高、字間距等。使用line-height
屬性可以設置行高,例如:
p { line-height: 1.5; }
上述代碼將行高設置為字體大小的 1.5 倍。使用letter-spacing
屬性可以設置字體的間距,例如:
p { letter-spacing: 2px; }
上述代碼將字體間距設置為 2 像素。
以上就是 CSS 中關于字體用法的介紹,希望能對大家有所幫助。