CSS笔记（五）字体

　　CSS 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。

　　参考：http://www.w3school.com.cn/css/css_font.asp

• CSS字体系列

５种通用字体系列：

①　Serif 字体

②　Sans-serif 字体

③　Monospace 字体

④　Cursive 字体

⑤　Fantasy 字体

• 指定字体系类

p {font-family: Times, TimesNR, ‘New Century Schoolbook‘, Georgia, ‘New York‘, serif;}

• 字体风格

常用于规定斜体文本。共三个值：normal，italic和oblique。

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

• 字体变形

可设置小型大写字母。

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

使用：

<p class="normal">This is a test</p>
<p class="small">This is a test</p>

效果：

• 字体加粗

设置文本的粗细。从100~900为字体指定了９级粗细。400对应normal，而700对应bold。

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

使用：

<p class="normal">This is a test</p>
<p class="thick">This is a test</p>
<p class="thicker">This is a test</p>

效果：

• 字体大小

设置文本的字体大小。默认普通的默认大小为16像素（16px = 1em）。在IE中很可能要使用em设置字体大小。

h1 {font-size:60px;}
h2 {font-size:2.5em;}
p {font-size:0.875em;}

CSS 字体属性