css font簡寫規則

是不是在很很多網站的公共樣式中會看到這樣的代碼？
font: 12px/150% Arial, Verdana, "\5b8b\4f53";
意思為：字體大小/行高 字體族 

"\5b8b\4f53″ 就是 “宋體”。用 unicode 表示，不用 SimSun, 是因為 Firefox 的某些版本和 Opera 不支持 SimSun 的寫法。注釋亂碼：強烈建議不要用中文注釋。font-family:’宋體’
為了方便大家好查，整理了些中文名 Unicode，特此獻給其他前端開發的朋友們
新細明體 \65B0\7EC6\660E\4F53
細明體 \7EC6\660E\4F53
標楷體 \6807\6977\4F53
黑體 \9ED1\4F53
宋體 \5B8B\4F53
新宋體 \65B0\5B8B\4F53
仿宋 \4EFF\5B8B
楷體 \6977\4F53
仿宋_GB2312 \4EFF\5B8B_GB2312
楷體_GB2312 \6977\4F53_GB2312
微軟正黑體 \5FAE\x8F6F\6B63\9ED1\4F53
微軟雅黑 \5FAE\8F6F\96C5\9ED1
現在告訴你它的書寫規則

font-family，font-style，font-variant，font-weight，font-size，font

font-family（字體族）: “Arial”、“Times New Roman”、“宋體”、“黑體”等;
font-style（字體樣式）: normal（正常）、italic（斜體）或oblique（傾斜）;
font-variant (字體變化): normal（正常）或small-caps（小體大寫字母）;
font-weight (字體濃淡): 是normal（正常）或bold（加粗）。有些瀏覽器甚至支持采用100到900之間的數字（以百為單位）;
font-size（字體大小）: 可通過多種不同單位（比如像素或百分比等）來設置, 如：12px，12pt，120%，1em

 

如果用 font 屬性的話，就可以把幾個樣式進行簡化，減少書的情況；font 屬性的值應按以下次序書寫(各個屬性之間用空格隔開)：

 

順序：font-style | font-variant | font-weight | font-size | line-height | font-family

二、font的簡寫實例

 

.font{
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:arial,verdana;
}
上面的樣式簡寫為：
.font{font:italic small-caps bold 12px/1.5em arial,verdana;}