CSS的字体设置

时间：2017-10-9

   CSS字体属性用于定义文本的字体系列,大小,加粗,风格和变形,CSS中设置了两种类型的字体系列名称,一种是拥有相似外观的字体系列组合,称为通用字体系统,总共有5种,包括Serif字体,Sans-serif字体,Monospace字体,Cursive字体和Fantasy字体,另一种是具体的字体系列,称为特定字体系列,如Times或Courier.
   在CSS中使用font-family属性设置字体,例如下面这段代码
h1{
  font-family:cambria
}
   在这段代码中,我们为标题h1设置字体为Cambria.通常情况下,这样设置是没有问题的,但是如果用户的电脑上没有安装Cambria字体,系统可能会使用通用字体中比较接近的一种字体替代Cambria字体,为了避免出现这种不确定的情况,我们在设置字体的时候可以指定一系列类似的字体,例如下面这段代码:
h1{
   font-family:cambria,"hoefler Text","liberation Serif",times,"times New roman",serif
}
   当系统找不到cambria字体时,就会继续匹配后面一种字体,以此类推,这里还需要说明的一点是,有些字体的名称可能由多个单词组成,例如Hoefler Text,在设置这种字体时需要使用引号,因为这类字体名称中间有一个空格,某些字体名称可能包含#或者$之类的字符,也需要使用引号.