字体
---恢复内容开始---
一、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是必须的,而且顺序不能变,如果少了这两个值,那么整个规则都是无效的,很可能被用户代理完全忽略。不过所有其他值三个都是可选的,若是没写所有被忽略的值都会重置为其默认值。