css样式之font

body {
font: normal small-caps normal 16px/1.4 Georgia;
}

/* is the same as:

body {
font-stretch: normal;
font-variant: small-caps;
font-weight: normal;
font-size: 16px;
line-height: 1.4;
font-family: Georgia;
}
*/

• font-stretch: this property sets the font width, such as condensed or expanded.
  • normal
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded
• font-style: makes the text appear italicised or oblique.
  • normal
  • italic
  • oblique
  • inherit
• font-variant: changes target text to small caps.
  • normal
  • small-caps
  • inherit
• font-weight: sets the weight or the thickness of the font.
  • normal
  • bold
  • bolder
  • lighter
  • 100, 200, 300, 400, 500, 600, 700, 800, 900
  • inherit
• font-size: sets the height of the font.
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
  • smaller, larger
  • percentage
  • inherit
• line-height: defines the amount of space above and below inline elements.
  • normal
  • number (font-size multiplier)
  • percentage
• font-family: definies the font that is applied to the element.
  • sans-serif
  • serif
  • monospace
  • cursive
  • fantasy
  • caption
  • icon
  • menu
  • message-box
  • small-caption
  • status-bar
  • "string"

参考链接：https://css-tricks.com/almanac/properties/f/font/