CSS中關于字體的屬性主要有以下幾種:
font-family: 字體名稱/字體族名稱; font-size: 字體大小; font-weight: 字體粗細/加粗; font-style: 字體風格/傾斜; font-stretch: 字體拉伸; font-variant: 字體變體; line-height: 行高; text-decoration: 文本修飾;
其中,font-family
屬性用于設置字體的名稱或字體族名稱,多個字體名稱之間用逗號隔開,若某個字體名稱中含有空格,則需要使用引號將其括起來。若字體名稱中的字符不存在于用戶系統中,則會顯示默認的字體。
使用font-size
屬性可設置字體的大小,單位可以是像素、百分比、em等等。使用像素作為單位時,就相當于是css像素,即在各個設備上字體大小顯示的是一致的。
與字體大小相似,font-weight
屬性用于設置字體的粗細程度。一般情況下,數字值越大則字體就越粗。同時也可以使用bold
關鍵字來讓字體變粗,使用normal
關鍵字將字體變回標準的粗細。
使用font-style
屬性來設置字體的風格。可以使用italic
讓字體傾斜,或使用oblique
來使字體呈現出翹起來的感覺。
font-stretch
屬性則用于對字體進行拉伸。拉伸的值可以是expanded
、condensed
、ultra-condensed
等等。具體每個值代表的拉伸程度可以參考文檔。
而font-variant
屬性可以使字體發生變體,常用的是small-caps
,將字母的大小寫關系更改為小寫字母的基礎上,將所有字母都轉換為大寫,并讓大寫字母的大小變小一些。
在網頁設計中,line-height
屬性是至關重要的一項,它可以用來設置行高。行高指的是基線之間的垂直距離,其數值和字體大小一起來設置。通常情況下,合適的行高可以讓文本更易于閱讀,而不會讓人感到頭昏眼花,或者讓文字之間出現重疊。
最后,text-decoration
屬性用于設置文本修飾,常用的是underline
、overline
、line-through
,它們分別可以讓文本顯示下劃線、上劃線和刪除線。