10.7　同时设置所有字体值

可以同时设置字体样式、粗细、变体、大小、行高和字体系列（如图10.7.1所示）。任何时候，只要可以，都应该采用这种方式，以保持样式表的简洁。

  1. body {
  2.      font: 100% "Palatino Linotype", Palatino, serif;
  3. }
  4.  
  5. h1,
  6. h2 {
  7.      font: 1.375em "Arial Black", Arial, sans-serif;
  8. }
  9.  
  10. h2 {
  11.      font-size: .9375em;
  12. }
  13.  
  14. p {
  15.      /* 这些声明无法使用font简记法，除非同时声明字体系列 */
  16.      font-size: .875em;
  17.      line-height: 1.6;
  18. }
  19.  
  20. em,
  21. a:link,
  22. a:hover {
  23.      font-weight: bold;
  24. }
  25.  
  26. /* Table of Contents navigation */
  27. .toc a {
  28.      font-size: .75em;
  29. }

图10.7.1　这个样式表与图10.6.1 中的样式表是等效的，其效果如图10.7.2 所示。这里只是将body、h1和h2样式规则的font属性合并了。注意，不必将h1和h2的font-weight设为normal，因为normal是font属性的默认值。同时，这里无法对p元素的声明进行合并，因为font简记法至少要包含字体系列和字体大小的属性。关于包含了font-style、font-variant、font-weight和line-height的font简记法，参见第一条提示中的例子

10.7　同时设置所有字体值 - 图1

图10.7.2　这个页面与图10.6.2是相同的

同时设置所有字体值的步骤

  • 输入font:。

  • 可选步骤，输入normal、italic或oblique以设置字型（参见10.3节）。

  • 可选步骤，输入normal、bold、bolder、lighter或100的倍数（最大到900）以设置粗细（参见10.4节）。

  • 可选步骤，输入normal或small-caps来取消或设置小型大写字母（参见10.15节）。

  • 可选步骤，输入需要的字体大小（参见10.5节）。

  • 如果需要，输入/line-height，这里的line-height是行与行之间的距离（参见10.6节）。

  • 输入一个空格，再按优先次序输入需要的字体系列，以逗号分隔（参见10.1节）。

提示　结合了font-size、line-height和font-family声明的font简记法的一个例子是font:.875em/1.6 "Palatino Linotype", Palatino, serif;。行高跟在字体大小和一个斜杠后面。还可以包含font-style、font-variant和font-weight。下面是包含了所有可能属性的font声明：font: italic small-caps bold .875em/1.6"Palatino Linotype", Palatino, serif;。属性的顺序很重要。可以使用这些属性的任意组合，只要其中声明了字体大小和字体系列。

　

提示　可以分别设置这些属性，但只要有可能，就应该将它们合并到font简记法里。

　

提示　头三个属性可以按任意顺序指定，也可以忽略。如果忽略它们，它们就被设为normal（这也许不是你想要的），参见图10.7.1。

　

提示　字体大小和字体系列属性必须始终显式地声明：先是字体大小，再是字体系列。

　

提示　行高是可选的，但它如果出现，就必须紧跟在字体大小和斜杠后面。

　

提示　font属性是继承的。