CSS 字体属性


字体属性

为了缩短代码,也可以在一个属性中指定所有单个字体属性。

font 属性是以下属性的简写属性:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

使用简写声明设置一些字体属性:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. p.a {
  6. font: 20px Arial, sans-serif;
  7. }
  8. p.b {
  9. font: italic bold 12px/30px Georgia, serif;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <h1>字体简写方式</h1>
  15. <p class="a">这是一段。字体大小设置为20像素,字体系列为 Arial.</p>
  16. <p class="b">这是一段。字体设置为斜体和粗体,字体大小设置为12像素,行高设置为30像素,字体系列为 Georgia.</p>
  17. </body>
  18. </html>

注意:font-sizefont-family 的值是必需的。如果缺少其他值之一,则会使用其默认值。


所有 CSS 字体属性

属性描述
font简写属性。在一条声明中设置所有字体属性。
font-family规定文本的字体系列(字体族)。
font-size规定文本的字体大小。
font-style规定文本的字体样式。
font-variant规定是否以小型大写字母的字体显示文本。
font-weight规定字体的粗细。

分类导航