The font CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font.
- <'font-style'>
- See the font-style CSS property.
- <'font-variant'>
- See the font-variant CSS property.
- <'font-weight'>
- See the font-weight CSS property.
- <'font-stretch'>
- See the font-stretch CSS property.
- <'font-size'>
- See the font-size CSS property.
- <'line-height'>
- See the line-height CSS property.
- <'font-family'>
- See the font-family CSS property. System font values
- caption
- The system font used for captioned controls (e.g., buttons, drop-downs, etc.).
- icon
- he system font used to label icons.
- menu
- The system font used in menus (e.g., dropdown menus and menu lists).
- message-box
- The system font used in dialog boxes.
- small-caption
- The system font used for labeling small controls.
- status-bar
- The system font used in window status bars.
font="12px/14px sans-serif"
font="80% sans-serif"
font="bold italic large serif"
font="status-bar"