CSS字體樣式屬性

font-size:字號大小
font-size屬性用于設置字號，該屬性的值可以使用相對長度單位，也可以使用絕對長度單位。其中，相對長度單位
比較常用，推薦使用像素單位px，絕對長度單位使用較少。具體如下：

font-family:字體

font-family屬性用于設置字體。網頁中常用的字體有宋體、微軟雅黑、黑體等，例如將網頁中所有段落文本的字體
設置為微軟雅黑，可以使用如下CSS樣式代碼：
p{ font-family:"微軟雅黑";}
可以同時指定多個字體，中間以逗號隔開，表示如果瀏覽器不支持第一個字體，則會嘗試下一個，直到找到合適的
字體。

1.現在網頁中普遍使用14px+。
2.盡量使用偶數的數字字號。ie6等老式瀏覽器支持奇數會有bug。
3.各種字體之間必須使用英文狀態下的逗號隔開。
4.中文字體需要加英文狀態下的引號，英文字體一般不需要加引號。當需要設置英文字體時，英文字體名必須位于中文字
體名之前。
5.如果字體名中包含空格、#、$等符號，則該字體必須加英文狀態下的單引號或雙引號，例如font‐family:"Times
NewRoman";。
6.盡量使用系統默認字體，保證在任何用戶的瀏覽器中都能正確顯示。

CSS Unicode字體

在 CSS 中設置字體名稱，直接寫中文是可以的。但是在文件編碼（GB2312、UTF-8 等）不匹配時會產生亂碼的錯
誤。xp 系統不支持 類似微軟雅黑的中文。
方案一： 你可以使用英文來替代。 比如 font-family:"Microsoft Yahei"。
方案二： 在 CSS 直接使用 Unicode 編碼來寫字體名稱可以避免這些錯誤。使用 Unicode 寫中文字體名稱，瀏覽器
是可以正確的解析的。
font-family: "5FAE8F6F96C59ED1"，表示設置字體為“微軟雅黑”。

可以通過escape() 來測試屬于什么字體。

font-weight:字體粗細

字體加粗除了用 b 和 strong 標簽之外，可以使用CSS 來實現，但是CSS 是沒有語義的。

font‐weight屬性用于定義字體的粗細，其可用屬性值：normal、bold、bolder、lighter、100~900（100的整數
倍）。

小技巧：

數字400等價于normal，而700等價于bold。但是我們更喜歡用數字來表示。 

font-style:字體風格

字體傾斜除了用 i 和 em 標簽之外，可以使用CSS 來實現，但是CSS 是沒有語義的。

font-style屬性用于定義字體風格，如設置斜體、傾斜或正常字體，其可用屬性值如下：
normal：默認值，瀏覽器會顯示標準的字體樣式。
italic：瀏覽器會顯示斜體的字體樣式。
oblique：瀏覽器會顯示傾斜的字體樣式。

小技巧：平時我們很少給文字加斜體，反而喜歡給斜體標簽（em，i）改為普通模式。

font:綜合設置字體樣式 (重點)

font屬性用于對字體樣式進行綜合設置，其基本語法格式如下：

選擇器{font:font‐stylefont‐weightfont‐size/line‐heightfont‐family;}

使用font屬性時，必須按上面語法格式中的順序書寫，不能更換順序，各個屬性以空格隔開。
注意：其中不需要設置的屬性可以省略（取默認值），但必須保留font‐size和font‐family屬性，否則font屬性將不起
作用。

總結

以上是生活随笔為你收集整理的CSS字体样式属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。