1，font-size屬性設(shè)置字體的大小

超過10年行業(yè)經(jīng)驗(yàn)，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營模式，全靠網(wǎng)絡(luò)和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了：成都網(wǎng)站建設(shè)、網(wǎng)站制作，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，小程序定制開發(fā)，微信開發(fā)，成都app軟件開發(fā)公司，同時(shí)也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意！

聲明：

有能力管理文本的大小在 web 設(shè)計(jì)領(lǐng)域很重要。但是，您不應(yīng)當(dāng)通過調(diào)整文本大小使段落看上去像標(biāo)題，或者使標(biāo)題看上去像段落。

請始終使用正確的 HTML 標(biāo)題，比如使用

- 來標(biāo)記標(biāo)題，使用

來標(biāo)記段落。

使用像素來設(shè)置字體大小 （px）

通過像素設(shè)置文本大小，可以對文本大小進(jìn)行完全控制：

h2 {font-size:60px;}

使用百分比設(shè)置字體大小 （%）

父元素的百分比

body{
font-size: 40px;
}
h2,h3{
font-size: 100%; 表示和父元素body元素定義的字體一樣大
}
h2{
font-size:50%;   表示相對于父元素來說,h2屬性字體是父元素的1/2;(20px)
}
h3{
font-size: 200%; 表示相對于父元素來說,h3屬性字體是父元素的2倍;(80px)
}

smaller比父元素更小

body{
font-size: 40px;
}
h2,h3{
font-size: smaller; 表示比父元素body元素定義的字體更小，
}

larger:比父元素更大：

body{
font-size: 40px;
}
h2,h3{
font-size: larger; 表示比父元素body元素定義的字體更大，
}

inherit:繼承父元素的

body{
font-size: 40px;
}
h2,h3{
font-size: larger; 表示繼承父元素body元素定義的字體大小，
}

2，font-family定義字體類型

可以使用逗號（，）隔開，以確保字體不存在的時(shí)候直接使用下一個(gè)字體

p {

font-family: '微軟雅黑',‘宋體’Times, TimesNR, 'New Century Schoolbook',

Georgia, 'New York', serif;

}

3，font-weight字體加粗

使用 bold 關(guān)鍵字可以將文本設(shè)置為粗體。

關(guān)鍵字 100 ~ 900 為字體指定了 9 級加粗度。如果一個(gè)字體內(nèi)置了這些加粗級別，那么這些數(shù)字就直接映射到預(yù)定義的級別，100 對應(yīng)最細(xì)的字體變形，900 對應(yīng)最粗的字體變形。數(shù)字 400 等價(jià)于 normal，而 700 等價(jià)于 bold。

如果將元素的加粗設(shè)置為 bolder，瀏覽器會設(shè)置比所繼承值更粗的一個(gè)字體加粗。與此相反，關(guān)鍵詞 lighter 會導(dǎo)致瀏覽器將加粗度下移而不是上移。

normal（默認(rèn)值），bold(粗), bolder(更粗) ，lighter(更細(xì))

 
p.normal {
font-weight:normal;
}
p.thick {
font-weight:bold;
}
p.thicker {
font-weight:900
}

4,font-style字體風(fēng)格

normal ：正常標(biāo)準(zhǔn)

italic ：斜體

oblique ：傾斜

inherit ：繼承

p.normal {
font-style:normal;
}
p.italic {
font-style:italic;
}
p.oblique {
font-style:oblique;
}

italic 和 oblique 的區(qū)別

font-style 非常簡單：用于在 normal 文本、italic 文本和 oblique 文本之間選擇。唯一有點(diǎn)復(fù)雜的是明確 italic 文本和 oblique 文本之間的差別。

斜體（italic）是一種簡單的字體風(fēng)格，對每個(gè)字母的結(jié)構(gòu)有一些小改動，來反映變化的外觀。與此不同，傾斜（oblique）文本則是正常豎直文本的一個(gè)傾斜版本。

通常情況下，italic 和 oblique 文本在 web 瀏覽器中看上去完全一樣。

5，font-variant 小型大寫字母顯示文本

font-variant 屬性設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。

p.small
  {
  font-variant:small-caps;
  }

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

當(dāng)前標(biāo)題：css字體屬性詳細(xì)總結(jié)-創(chuàng)新互聯(lián)
文章起源：http://weahome.cn/article/djjchi.html