字型——集大成的font（傾斜，大小寫，粗細，大小，行高，字型）
阿新 • • 發佈：2022-03-10
font 簡寫屬性在一個宣告中設定所有字型屬性。
可設定的屬性是（按順序）： "font-style font-variant font-weight font-size/line-height font-family" （樣式 變種 粗 大小/行高 字型）font-size和font-family的值是 必需 的。如果缺少了其他值，預設值將被插入，如果有預設值的話。
語法
.class {
font: oblique small-caps bold 15px/20px arial,sans-serif; //arial,sans-serif是字型
} 效果如下圖
font-style（是否傾斜）
| 值 | 描述 |
|---|---|
| normal | 預設值。瀏覽器顯示一個標準的字型樣式。 |
| oblique | 瀏覽器會顯示一個傾斜的字型樣式。 |
| inherit | 規定應該從父元素繼承字型樣式。 |
font-variant（大小字母）
| 值 | 描述 |
|---|---|
| normal | 預設值。瀏覽器會顯示一個標準的字型。 |
| small-caps | 會把小寫轉換成大寫，但是轉換出來的小寫字母，size還是和小寫字母一樣大 |
| inherit | 規定應該從父元素繼承 font-variant 屬性的值。 |
small-caps的演示對比
<p> I Am A Aentence</p> font: oblique small-caps bold 16px/20px arial, sans-serif; //明顯小寫帶轉換成大寫，但是比本身就是大寫的字母小
weight, szie, line-height, family不必多說
這是一些常用的web安全字型 https://www.runoob.com/cssref/css-websafe-fonts.html