CSS中字體屬性順序是一個非常關(guān)鍵的問題，尤其是在設(shè)計響應(yīng)式網(wǎng)頁時。一個正確的字體屬性順序可以讓網(wǎng)頁在不同設(shè)備上顯示更為合理，也可以讓開發(fā)者更方便地修改樣式。下面就來詳細說一下CSS中字體屬性順序的問題。

font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family];

上面是字體屬性的標準寫法，其中方括號的內(nèi)容代表可選項，斜杠代表可分開設(shè)置的屬性。具體來說，字體屬性可以分為以下幾部分：

字體樣式

font-style: normal | italic | oblique | inherit;

字體樣式代表字體的外觀，可以選擇斜體，或者強制斜體等選擇，不過大部分情況下都是normal。要注意的是，這個屬性不能直接與其他屬性同時寫在font后面，要單獨拎出來寫。

字體變型

font-variant: normal | small-caps | inherit;

字體變型其實是用來調(diào)整字母大小寫的，一般情況下也是normal。同樣不能直接與其他屬性同時寫。

字體粗細

font-weight: normal | bold | bolder | lighter | 100-900 | inherit;

字體的粗細有很多種選擇，也是比較重要的一個屬性。一般情況下建議使用400作為normal，700作為bold。如果要更細致的調(diào)整可以使用bolder和lighter，或者100-900的數(shù)字設(shè)置。

字體大小與行高

font-size: [length] | [percentage] | medium | xx-small | x-small | small | large | x-large | xx-large | xxx-large | smaller | larger | inherit;
line-height: [length] | [percentage] | normal | inherit;

字體大小和行高本質(zhì)上是兩個不同的屬性，但因為經(jīng)常一起使用，所以放在一起講解。字體大小可以使用具體的數(shù)字或單位進行設(shè)置，通常使用px、em、rem等單位。行高可以選擇具體的數(shù)字或單位，也可以使用normal，表示和字體大小保持相同的高度。

字體種類

font-family: [family-name] | generic-family | inherit;

字體種類是最后一個屬性，也是最重要的一個屬性。字體種類可以是字體的具體名稱，如"宋體"、"Helvetica"等。也可以是通用字體，如serif、sans-serif、monospace等。在寫字體種類的時候，通常會寫多個字體，以備不同平臺的字體不同。

綜上所述，一個典型的字體屬性設(shè)置應(yīng)該是這樣的：

font: normal 400 16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;

這個設(shè)置表示字體采用normal樣式，粗細是400，大小為16px，行高為1.5倍，字體種類按照"Helvetica Neue"、"Helvetica"、"Arial"、"sans-serif"的順序去尋找。