You are here: Home > CSS Reference > Properties > font

Usage

Values

• [ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ]
• caption
• icon
• menu
• message-box
• small-caption
• status-bar
• inherit
• -moz-window
• -moz-document
• -moz-workspace
• -moz-desktop
• -moz-info
• -moz-dialog
• -moz-button
• -moz-pull-down-menu
• -moz-list
• -moz-field

Browser compatibility

Compatibility table legend

| Test | IE8 | IE7 | IE6 | FF3 | FF2 | Saf3 | Op9 | Chrome | |:---------|:--------|:--------|:--------|:--------|:--------|:---------|:--------|:-----------| | style.fontStyle reflects <div style='font: bogus'> | Y | Y | Y | Y | Y | Y | Y | Y | | style.fontStyle reflects <div style='font: italic'> | N | N | N | N | N | N | Y | N | | style.fontVariant reflects <div style='font: normal bogus'> | Y | Y | Y | Y | Y | Y | Y | Y | | style.fontStyle reflects <div style='font: normal'> | Y | Y | Y | Y | Y | Y | Y | Y | | style.fontVariant reflects <div style='font: normal normal'> | Y | Y | Y | Y | Y | Y | Y | Y | | style.fontVariant reflects <div style='font: normal small-caps'> | N | N | N | N | N | N | Y | N | | style.fontStyle reflects <div style='font: oblique'> | N | N | N | N | N | N | Y | N |

Further reading

• The font property in CSS 2.1
• The font property on Mozilla Developer Center
• The font property on MSDN
• The history of the font property on blooberry.com
• The font property on the SitePoint CSS Reference