关于Web页面中的字

用font-family属性定制页面中使用的字体

它共有5个字体系列：sans-serif，serif，monospace，cursive，fantasy。

Sans-serif字体系列没有衬线，在计算机屏幕上更容易识读。（外观清晰，可读性好）

Serif字体系列是又包括衬线的字体。很多人一看到这种字体就想到新闻报纸中的文字排版。（高雅传统）

Monospace字体系列中的字体包含固定宽度的字符，i和m在水平方向所占的宽度是一样的，主要用于显示软件代码示例。（打印机打出来的一样）

Cursive字体系列包括看似手写的字体，有时会看到标题中使用这些字体。（有趣有风格）

Fantasy字体系列包含某种风格的装饰性字体。（有趣有风格）

*如果想加入一种浏览器没有的字体，则在css的body上中增加@font-face属性

@font-face

{

      font-family:"Emblema One" ;    //特别的字体名

      src:url("字体的地址；")     //src属性告诉浏览器在哪里可以找到这个字体

     url（“字体的地址;”）      //浏览器尝试加载每一个src文件，知道找到它能够支持的文件

}

应用到元素中：

h1{ font-family：“Emblema One”，sans-serif；}   //以防万一，如果新字体不能用，指定sans-serif作为退路。

用font-size属性控制字体大小

方法：1.px   2.%   3.em（此时是一个新的相对度量单位）4.关键字

用像素指定字体大小时，会明确指出字体具体多大，%，em两个是相对与另一个字体大小住处这个字体有多大，例

h1{font-size:80%；}   /*相对于h1默认的字体大小乘以0.8（四舍五入）*/

例父元素指定大小后它的子元素使用。

body{font-size：14px；}

h1{font-size:3em；}

技巧：选择一个关键字（推荐small，medium）作为body规则中的字体大小。这相当于页面默认字体大小。

使用em和%，相对于body字体大小指定其他元素的字体大小。

好处：修改页面中的字体大小很方便，因为只要修改body中的值，其他元素有应用到em或%都会随比例增大。

用户调整页面字体大小也很方便，使用px的话，有些浏览器在调整px大小时会有麻烦。

/*   body默认字体大小是16px         h1默认大小是默认文本字体大小的200%           h2是150% 

       h3是120%             h4是100%                     h5是90%                h6是60%

*/

改变字体粗细

font-weight属性允许你控制文本的粗细

bold（粗体），normal，相对属性---》bolder，lighter

 

为字体增加风格

font-style

normal，

斜体：italic,oblique   //取决与你选择的字体和浏览器，有时这两种风格看上去完全一样，有时不同