在三原等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作定制網(wǎng)站制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè),三原網(wǎng)站建設(shè)費(fèi)用合理。

• font-family：設(shè)置字體；
• font-style：設(shè)置字體的風(fēng)格，例如傾斜、斜體等；
• font-weight：設(shè)置字體粗細(xì)；
• font-size：設(shè)置字體尺寸；
• font-variant：將小寫(xiě)字母轉(zhuǎn)換為小型大寫(xiě)字母；
• font-stretch：對(duì)字體進(jìn)行伸縮變形（使用較少，并且主流瀏覽器都不支持）；
• font：字體屬性的縮寫(xiě)，可以在一個(gè)聲明中設(shè)置多個(gè)字體屬性。

1. font-family

font-family 屬性用來(lái)設(shè)置元素內(nèi)文本的字體。由于字體的種類成千上萬(wàn)，而且有些還不是免費(fèi)的，因此我們的電腦上幾乎不可能擁有所有的字體。為了最大程度的保證我們?cè)O(shè)置的字體能夠正常顯示，可以通過(guò) font-family 屬性定義一個(gè)由若干字體名稱組成的列表，字體名稱之間使用逗號(hào)
,分隔，瀏覽器會(huì)首先嘗試列表中的第一個(gè)字體，如果不支持則嘗試下一個(gè)，以此類推。

font-family 屬性的可選值如下：

下表中列舉了一些常用的字體族（generic-family）：

【示例】使用 font-family 屬性為 HTML 元素設(shè)置字體樣式：

    
    


    
font-family 屬性

運(yùn)行結(jié)果如下圖所示：

注意：如果字體族或字體名稱中包含空格或多個(gè)單詞，則必須將它們使用引號(hào)包裹起來(lái)，例如"Times New Roman"、"Courier New"、"Segoe UI" 等，如果是在元素的 style 屬性中使用則必須使用單引號(hào)。

在網(wǎng)頁(yè)設(shè)計(jì)中最常用的字體族是 serif 和 sans-serif，因?yàn)樗鼈冞m合閱讀。在顯示一些程序代碼是通常使用等寬字體，這樣可以使用程序代碼看起來(lái)更加工整。

2. font-style

font-style 屬性用來(lái)設(shè)置字體的樣式，例如斜體、傾斜等，該屬性的可選值如下：

【示例】使用 font-style 屬性設(shè)置字體的樣式：

    
    


    
normal：顯示一個(gè)標(biāo)準(zhǔn)的字體
    
italic：顯示一個(gè)斜體的字體
    
oblique：顯示一個(gè)傾斜的字體
    
inherit：從父元素繼承字體樣式

運(yùn)行結(jié)果如下圖所示：

乍看之下，您可能覺(jué)得 italic 和 oblique 的效果是一樣的。其實(shí)不然，italic 顯示的字體的斜體版本，而 oblique 則只是一個(gè)傾斜的普通字體。

3. font-weight

font-weight 屬性能夠設(shè)置字體的粗細(xì)，可選值如下：

【示例】使用 font-weight 屬性設(shè)置字體粗細(xì)：

    
    


    
font-weight: 100;
    
font-weight: 200;
    
font-weight: normal;
    
font-weight: bold;
    
font-weight: bolder;

運(yùn)行結(jié)果如下圖所示：

4. font-size

font-size 屬性用來(lái)設(shè)置字體的大?。ㄗ痔?hào)），可選值如下：

【示例】使用 font-size 屬性設(shè)置字體的大?。?br />

    
    


    
將字體大小設(shè)置為：xx-small
    
將字體大小設(shè)置為：x-small
    
將字體大小設(shè)置為：x-small
    
將字體大小設(shè)置為：medium
  
    
將字體大小設(shè)置為：large
   
    
將字體大小設(shè)置為：x-large
   
    
將字體大小設(shè)置為：xx-large
   
    
將字體大小設(shè)置為：smaller
   
    
將字體大小設(shè)置為：larger
    
將字體大小設(shè)置為 20 像素
 

運(yùn)行結(jié)果如下圖所示：

5. font-variant

font-variant 屬性可以將文本中的小寫(xiě)英文字母轉(zhuǎn)換為小型大寫(xiě)字母（轉(zhuǎn)換后的大寫(xiě)字母與轉(zhuǎn)換前小寫(xiě)字母的大小相仿，所以稱之為小型大寫(xiě)字母）。font-variant 屬性的可選值如下：

【示例】使用 font-variant 屬性設(shè)置小型大寫(xiě)字母：

    
    


    
This is a paragraph
    
This is a paragraph

運(yùn)行結(jié)果如下圖所示：

6. font

font 屬性與前面價(jià)紹的 background 屬性的功能類似，通過(guò) font 屬性可以同時(shí)設(shè)置多個(gè)字體屬性，不同的是，使用 font 屬性需要遵循以下順序：

font：[[font-style||font-variant||font-weight||font-stretch]?font-size[ /line-height]?font-family] | caption | icon | menu | message-box | small-caption | status-bar

在使用 font 屬性時(shí)，有以下幾點(diǎn)需要注意：

• 使用 font 屬性時(shí)必須按照如上所示的順序，并且 font-size 和 font-family 兩個(gè)屬性不可忽略；
• font 屬性中的每個(gè)參數(shù)僅允許設(shè)置一個(gè)值，除 font-size 和 font-family 屬性外，被忽略的屬性將被設(shè)置為各自的默認(rèn)值；
• 若要定義 line-height 屬性，則需要使用斜線/將 font-size 和 line-height 屬性分開(kāi)。

【示例】使用 font 屬性同時(shí)定義多個(gè)字體效果：

    
    


    
使用 font 屬性需要遵循以下順序：
    
font：[[font-style||font-variant||font-weight||font-stretch]?font-size[ /line-height]?font-family] | caption | icon | menu | message-box | small-caption | status-bar

運(yùn)行結(jié)果如下圖所示：