一、字體選取
CSS字體系列是指用於定義網頁上字體的一系列CSS屬性。其中最為基礎的屬性就是font-family，它用於指定字體名稱或一系列備選的字體名稱。也就是說，當指定的字體不可用時，會依次嘗試備選字體，直到找到一個可用的字體為止。下面是一個例子：
font-family: Arial, sans-serif;
意思是在Arial字體不可用時，使用系統默認的sans-serif字體。常見的備選字體有serif、sans-serif、monospace、cursive和fantasy。可以使用逗號把多個字體名稱隔開，如：
font-family: "Times New Roman", Times, serif;
其中，”Times New Roman”用了引號，因為它包含了空格。同時，還指定了備選字體Times和serif。
二、字體大小
字體大小可以使用font-size屬性來設置。該屬性的取值可以是以下之一：
- 絕對大小：像素(px)、點(pt)、毫米(mm)、厘米(cm)
- 相對大小：em、rem、%
下面是一個例子：
font-size: 16px;
上述代碼表示字體大小為16像素(px)。還可以使用相對大小，如em和rem單位。em單位表示相對於當前元素的字體大小，而rem單位表示相對於根元素的字體大小。例如：
font-size: 1.2em; font-size: 1rem;
上述代碼表示字體大小為父元素字體大小的1.2倍和根元素字體大小的1倍。
三、字體樣式
CSS提供了font-style屬性來設定字體樣式，如斜體、粗體等。具體屬性值如下：
- normal：常規字體
- italic：斜體字體
- oblique：傾斜字體
下面是一個例子：
font-style: italic;
上述代碼表示將字體變成斜體。
四、字體粗細
CSS提供了font-weight屬性來設定字體粗細。具體屬性值如下：
- normal：正常粗細
- bold：加粗字體
- bolder：更加加粗字體
- lighter：更輕字體
- 100-900：數字表示
下面是一個例子：
font-weight: bold;
上述代碼表示將字體加粗。
五、行高
行高是指行間距的大小。CSS提供了line-height屬性來設定行高。line-height屬性可以取絕對值和相對值，如px、em、%等。例如：
line-height: 1.5;
上述代碼表示行高為字體大小的1.5倍。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/242120.html
微信掃一掃 
支付寶掃一掃 