CSS屬性之字體(Font)

font：[ [?"|?||?]??[ /?]??]?

復合屬性，各屬性見下文。

必須同時包含font-size和font-family，且這兩個值順序不能變，其他關鍵字的值放到這兩個值的前面，順序可以隨意打亂。

可以在字號值(font-size)上放一個可選的行高值(line-height)作為字號的某種附屬值，后面必須有font-family。

font-style:normal | italic | oblique

normal： 指定文本字體樣式為正常的字體。

italic： 指定文本字體樣式為斜體。對于沒有設計斜體的特殊字體，如果要使用斜體外觀將應用oblique。

oblique： 指定文本字體樣式為傾斜的字體。人為的使文字傾斜，而不是去選取字體中的斜體字。

注：italic 和 oblique 的區別實在看不出來，至少在Chrom瀏覽器下看不出來。

font-variant：normal | small-caps

normal： 正常的字體。

small-caps： 小型的大寫字母字體。

font-weight：normal | bold | bolder | lighter |?

normal： 正常的字體。相當于number為400。

bold： 粗體。相當于number為700。

bolder： 特粗體。也相當于strong和b對象的作用。

lighter： 細體。

： 用數字表示文本字體粗細。取值范圍：100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 。

font-size：?|?|?|?

： 根據對象字體進行調節。可選參數值：xx-small | x-small | small | medium | large | x-large | xx-large。以 medium 作為基礎參照，xx-small相當于medium 3/5 (h6)，x-small: 3/4，small: 8/9 (h5)，medium: 1 (h4)，large: 6/5 (h3)，x-large: 3/2 (h2)，xx-large: 2/1 (h1)。

： 相對于父對像中字體尺寸進行相對調節。使用成比例的em單位計算。可選參數值：smaller | larger。

： 用長度值指定文字大小。不允許負值。

： 用百分比指定文字大小。其百分比取值是基于父對象中字體的尺寸。不允許負值。?

font-family：[?|?] [,?|?]*

： 字體名稱。按優先順序排列。以逗號隔開。如果字體名稱包含空格或中文，則應使用引號括起 。

： 字體序列名稱。?

font-stretch：ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded

ultra-condensed： 比正常文字寬度窄4個基數。

extra-condensed： 比正常文字寬度窄3個基數。

condensed： 比正常文字寬度窄2個基數。

semi-condensed： 比正常文字寬度窄1個基數。

normal： 正常文字寬度。

semi-expanded： 比正常文字寬度寬1個基數。

expanded： 比正常文字寬度寬2個基數。

extra-expanded： 比正常文字寬度寬3個基數。

ultra-expanded： 比正常文字寬度寬4個基數。?

但即使支持，顯示效果也與正常文字并無不同。?

總結

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

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