CSS font系列

font-family

font-family: Verdana,Helvetica,Arial,"Microsoft YaHei",sans-serif;

font-family: Georgia,Times,“Times New Roman”,serif;

通常认为，电脑屏幕上sans-serif更可读。

如果字体名称超过一个词，应该用引号包裹。

更多字体，http://www.w3schools.com/cssref/css_websafe_fonts.asp。

 

font-size

在指定font-size时，以px为单位，可控性强。

如果以em为单位，则要注意，因为em是以父元素的font-size为基准计算的。

如果以百分数指指定，也是以父元素的font-size为基准计算。

一般来说，浏览器的默认字体大小是16px；<h1>是默认的200%；<h2>是默认的150%；<h3>是默认的120%；<h4>是默认的100%。

如果在body中使用百分数设置字体大小，将以默认字体大小为基准。

 

font-weight

normal（默认），可选bold、lighter、bolder；

也可以用数字，100~900,400相当于normal，700相当于bold。

 

font-variant

默认值normal；

可选值small-caps，原本的小写变成大写，原本就是大写的变得更大。（不知道有啥用？？？）

 

font-style

默认值normal，可选italic、oblique。

italic，斜体，是一种字体风格。

oblique，倾斜，单纯地把文本倾斜。

 

font属性的简写规则：

Font：（font-style font-variant font-weight）font-size/line-height font-family；

注意：font简写属性必须要有font-size/line-height font-family的值，否则是无效的。