关于网页字体的一些知识

字体族：

字体样式相关的属性有六种：font-family　　font-size　　font-style　　font-weight　　font-variant　　font。根据外观，字体可以分为不同的类别包括衬线字体（serif）、无衬线字体（sans-serif）和等宽字体（monospace），每一类字体可以分成不同的 字体族 （font family），比如 Times（过渡型衬线） 和 Helvetica（西文字体无衬线）。而字体族中又可以包含不同的 字型（font face），反映了相应字体族基本设计的不同变化，例如 Times Roman、Times Bold、Helvetica Condensed 和 Bodoni italic。一般来说，应该给整个页面设定一种主字体，然后只对那些需要使用不同字体的元素再应用 font-family。网页上的字体有三个来源：1.用户电脑自带的字体。2.保存在其他网站上的字体。3.保存在你的web服务器上的字体。由于字体来源不同，因此存在某网页字体不能使用的情况。因此设定字体时要给出一组字，这组字体叫做字体栈。例如：body {font-family:"trebuchet ms", tahoma, sans-serif;}，如果字体名像 Trebuchet MS一样多于一个单词（有空格），应该加上引号。

字体大小：

字体大小单位分两种绝对单位和相对单位。今天设备的屏幕尺寸可谓千差万别，既有特大的显示屏，又有很小的手机屏幕。在这种形势下，更容易缩放的相对大小应该是首选。如果你想使用 em，但又需要设定具体的像素大小，可以把 body 的 font-size 设定为62.5% 。这样，就等于把基准大小从 16 像素改为 10 像素（16×62.5%=10）。CSS3 新增了一个相对单位 rem（root em，根 em），使用 rem为元素设定字体大小时，仍然是相对大小但相对的只是 HTML 根元素。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应目前，除了 IE8 及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用 rem设定的字体大小。font简写时必须按如下顺序声明，1.  font-weight 、 font-style 、 font-variant 不分先后；2. 然后是 font-size ；3. 最后是 font-family 。字体大小和行高的值可以写在一块，比如 12px/1.5 。