在 HTML 中,文字字體樣式的設(shè)置可以通過(guò) CSS 實(shí)現(xiàn),在 CSS 中有一些字體樣式名稱可以直接使用,這樣就為我們?cè)O(shè)置文字樣式提供了便利。
/* 字體族類名 */ font-family: Arial, sans-serif; /* 字體大小 */ font-size: 16px; /* 字體樣式 */ font-style: italic; /* 字體粗細(xì) */ font-weight: bold; /* 文本裝飾 */ text-decoration: underline; /* 單詞間距 */ letter-spacing: 2px;
上面列出的是常用的字體樣式名稱,下面分別介紹一下。
字體族類名
字體族類名指的是字體的種類,例如 Aria、Times New Roman 等。一般情況下在設(shè)置字體族類名的時(shí)候需要同時(shí)設(shè)置幾個(gè)字體,這是為了防止在不同的操作系統(tǒng)中顯示的字體不一致。
字體大小
字體大小就是我們所說(shuō)的字號(hào),可以通過(guò)像素值或 em 值指定字體大小。
字體樣式
字體樣式可以設(shè)置斜體、傾斜等特殊效果,一般有 normal 和 italic 兩個(gè)可選值。
字體粗細(xì)
字體的粗細(xì)可以通過(guò) font-weight 屬性設(shè)置,常見的取值有 normal 和 bold。
文本裝飾
文本裝飾可以設(shè)置文字的下劃線、刪除線等裝飾效果。
單詞間距
通過(guò) letter-spacing 屬性可以設(shè)置單詞之間的距離,這個(gè)屬性在一些特殊場(chǎng)景下非常有用。
總的來(lái)說(shuō),CSS 的字體樣式名稱非常實(shí)用,但是需要注意的是在使用的時(shí)候要避免過(guò)度設(shè)置,以免對(duì)用戶造成不良的影響。