CSS Font

CSS字体属性定义font family, boldness, size,style.
CSS Font Families
在CSS中,有两种类型的字体系列名称： generic family(比如"Serif" or "Monospace")和 font family(比如"Times New Roman" or "Arial").

Font Family
font - family属性设置文本的字体家族.
font - family属性应该作为"fallback"制度的几个字体名称.如果浏览器不支持的第一个字体,它试图寻找下一个字体.
注意：如果字体系列的名称是超过一个,它必须在引号,如font-family: "Times New Roman".
多个font family用一个逗号分隔的列表指定：
Example
    p{font-family:"Times New Roman", Times, serif;}

Font Style (字体样式)
主要是用于指定斜体文字的字体样式属性.
这个属性有三个值：
    normal - 正常(正常显示文本)
    italic - 斜体(以斜体字显示的文字)
    oblique - 斜(文本是"一边倒"斜是为斜体非常类似,但不太支持)
Example
    p.normal  {font-style:normal;}
    p.italic  {font-style:italic;}
    p.oblique {font-style:oblique;}

Font Size (字体大小)
font - size属性设置文字大小.能够管理的文字大小,网页设计是非常重要的.但是,您不应该使用的字体大小的调整,使段落看起来像标题或标题看起来像段.
请务必使用正确的HTML标签,就像<H1> -  <H6>标题和段落<P>.
字体大小的值可以是绝对或相对的大小.
绝对大小：
    设置一个指定大小的文本不允许用户改变文字的大小,在所有的浏览器(辅助功能的原因不好)输出的物理尺寸是已知的绝对大小时非常有用
相对大小：
    设置相对周围元素的大小,允许用户在浏览器中改变文字大小.
备注如果不指定字体的大小,默认大小为普通文本段一样,是16像素(16像素= 1EM).

Set Font Size With Em (设置字体大小像素)
设置文字的大小与像素,让您完全控制在文字大小：
Example
    h1 {font-size:40px;}
    h2 {font-size:30px;}
    p  {font-size:14px;}
上面的例子可以让火狐,Chrome和Safari调整文本,但不是Internet Explorer.
在所有浏览器,使用缩放工具（但是,这种调整整个页面,而不仅仅是文本）的文本,可以调整.
为了避免与Internet Explorer的大小调整问题,许多开发人员使用EM而不是像素.EM的大小单位是由W3C建议.
1EM是当前字体大小相等.在浏览器中默认的文字大小是16px的.因此,1EM的默认大小是16px的.
从EM使用这个公式像素：pixels/16=em,可以计算出
Example
    h1 {font-size:2.5em;} /* 40px/16=2.5em */
    h2 {font-size:1.875em;} /* 30px/16=1.875em */
    p  {font-size:0.875em;} /* 14px/16=0.875em */
不幸的是,仍然是一个与IE浏览器的问题.当调整大小的文字,它比时,应该作出更大的变大,小于时变得更小.

Use a Combination of Percent and Em (使用Percent(百分比)和EM组合)
在所有浏览器的解决方案,设置body元素的默认字体大小的百分比：
Example
    body {font-size:100%;}
    h1   {font-size:2.5em;}
    h2   {font-size:1.875em;}
    p    {font-size:0.875em;}
它显示了在所有的浏览器相同的文字大小,并允许所有的浏览器,以放大或调整文字！