CSS--字體

通用字體系列

CSS中定義了5種通用字體系列

舉例說明：指定通用字體系列

        body {
            font-family:sans-serif;/*若是你但願文檔使用一種sans-serif字體而並不關心是哪種具體字體，這樣用戶代理會從ans-serif字體系列中選擇一個字體將其應用到body元素上*/
        }

        h1 {
            font-family: Georgia,serif; /*若是Georgia字體不可用，則使用另一種serif字體*/
        }

        h2 {
            font-family: Times,'Times New Roman',Georgia,serif;/*按前後順序來、最後指定一個通用字體名以保險起見*/
            /*只有當一個字名中有一個或多個空格或者若是字體名包括#或$之類的符號，才須要在font-family聲明中加引號*/
        }

font-weight字體加粗中是如何起做用的？

字體指定了9級加粗度，即100~900，其中400定義爲等價於normal，700對應於bold，其它數不對應font-weight的任何其它值，不過它們可能對應於經常使用變形名。規則以下

舉例說明一下：

字體的風格和變形

font-style的值能夠爲：italic、oblique、normal、inherit

normal:非斜體和傾斜的字體

oblique:正常豎直文本的一個傾斜版本

italic：斜體是一種單獨的字體風格，對每一個字母的結構有一些小改動，來反映變化的外觀

css字體相關的零碎點點

        p {
            font-variant:small-caps;/*小型大寫字母*/
            font-stretch:wider;/*這個屬性用於讓一個字體的字符更胖或更瘦*/
            font-size-adjust:0.58;/*讓字體保證能夠辨識*/
        }

font屬性

font的前三個值font-style、font-weight和font-variant，後兩個值爲font-size和font-family,其中前三個值容許採用任意的順序或者說能夠任意省略，後兩個值則必須font-size在前，font-family在後做爲聲明中的最後兩個值，並且font聲明中必需要有這兩個值。

另外值得一提的是在font屬性中能夠增長行高，以下所示

再來看一個例子：

上述的css事實上跟下面的css是等價的

由於被忽略的值都會重置爲其默認值 ，由於也將致使其覆蓋inherit屬性，因此使用font縮寫屬性時仍是應該當心一些纔好。

使用系統字體

        div {
            font: caption;/*標題的控件*/
            font: icon;/*圖標加標籤*/
            font: menu;/*菜單*/
            font: message-box;/*對話框*/
            font: small-caps;/*小控件加標籤*/
            font: status-bar;/*窗口狀態條*/
        }