字体

---恢复内容开始---

一、font-family前言

相同的字体可能有很多不同的的称呼(例如 字体Times 、Times NewRoman、TimeNR甚至完全相同,如果创作人员在一个文档中制定字体为TimesNR,如果用户机器上没有安装这种字体,即使安装二楼Times New Roman,用户代理也不知道Times New Roman和TimesNR实际上是可以互换的),CSS迈出了一步力图帮助用户代理把这种混乱状况理清楚。Times实际是多种变形的一个组合,包括TimesRegular、TimesBold、TimesItalic、TimesBoldOblique,等等。Times的每种变形都是一种具体的字体风格,而我们认为Times是所有这些变形字体的一个组合,即Times实际是一个字体系列,而不只是单个的字体.

除了各种特定的字体系列外(Times 、Verdana、Helvetica或Arial),css还t定义了5种通用字体系列Serif (Times )  、Sans-serif(Geneva、Verdana、Arial) 、Monospace、Cursive、Fantasy。理论上讲,用户安装的任何字体系列都会落入到上述某种通用系列。

  h1{font-family:Times Georgia,serif}

  强烈建议在所有的font-family规则中都提供一个通用字体系列,用户代理会从前向后匹配按照所列的顺序查找这些字体 ,若都匹配不上即列出的所有字体都不可用, 就会简单地选择一种可用的serif字体。

 h1{font-family:Wedgie,'karrank%',Klingon,fantasy;}

  (1)当一个字体名中有一个或多个空格(如New York)、或者如果字体名中包括#或$之类的符号 、或字体名誉字体系列名同时,才需要在font-family声明中该字体加引号

  (2)字体名中如果只包含一个词,而且这个词与font-family的任何关键字都不冲突,就不需要加引号。

---恢复内容结束---

一、font-family前言

相同的字体可能有很多不同的的称呼(例如 字体Times 、Times NewRoman、TimeNR甚至完全相同,如果创作人员在一个文档中制定字体为TimesNR,如果用户机器上没有安装这种字体,即使安装二楼Times New Roman,用户代理也不知道Times New Roman和TimesNR实际上是可以互换的),CSS迈出了一步力图帮助用户代理把这种混乱状况理清楚。Times实际是多种变形的一个组合,包括TimesRegular、TimesBold、TimesItalic、TimesBoldOblique,等等。Times的每种变形都是一种具体的字体风格,而我们认为Times是所有这些变形字体的一个组合,即Times实际是一个字体系列,而不只是单个的字体.

除了各种特定的字体系列外(Times 、Verdana、Helvetica或Arial),css还t定义了5种通用字体系列Serif (Times )  、Sans-serif(Geneva、Verdana、Arial) 、Monospace、Cursive、Fantasy。理论上讲,用户安装的任何字体系列都会落入到上述某种通用系列。

  h1{font-family:Times Georgia,serif}

  强烈建议在所有的font-family规则中都提供一个通用字体系列,用户代理会从前向后匹配按照所列的顺序查找这些字体 ,若都匹配不上即列出的所有字体都不可用, 就会简单地选择一种可用的serif字体。

 h1{font-family:Wedgie,'karrank%',Klingon,fantasy;}

  (1)当一个字体名中有一个或多个空格(如New York)、或者如果字体名中包括#或$之类的符号 、或字体名誉字体系列名同时,才需要在font-family声明中该字体加引号

  (2)字体名中如果只包含一个词,而且这个词与font-family的任何关键字都不冲突,就不需要加引号。

二、font-size

  作用:为给定字体的em框提供一个大小,而不能保证实际显示的字符就是这种大小。

  尽管CSS中font-size是可以继承的,不过继承的是计算值而不是百分比值

三、font

    font:(font-style||font-variant||font-weight)(位置可以任意)font-size/line-height font-family

    百分比:对于font-size要相对于父元素来计算,对于line-height则相对于元素的font-size来计算

   font:bold italic 200%/1.2 Verdana,Helvetica,Arial,sans-serif

  增加这个line-height值完全是可选的,就像前三个font值一样。如果确实包含了一个line-height,要记住font-size总是在line-height之前,绝对不能在line-height后面,而且这两个属性总要用一个斜线分隔。font中font-size和font-family是必须的,而且顺序不能变,如果少了这两个值,那么整个规则都是无效的,很可能被用户代理完全忽略。不过所有其他值三个都是可选的,若是没写所有被忽略的值都会重置为其默认值。

 

posted @ 2015-06-25 22:20  lulu5858  阅读(133)  评论(0编辑  收藏  举报