The font shorthand sets font-style, font-variant (CSS2 only), font-weight, font-width, font-size/line-height, and font-family in one declaration. Also supports system fonts (caption, icon, menu, etc.). Other font-variant-* longhands reset to initial.p {
font: 16px/1.5 "Helvetica", sans-serif;
}h1 {
font: italic bold 1.5rem/1.2 "Playfair Display", Georgia, serif;
}min:0max:9999step:1units:px | em | rem | % | ptcaptionSystem font: font of control elements (buttons, dropdowns).iconSystem font: font used for icon labels.menuSystem font: menu font.message-boxSystem font: dialog box font.small-captionSystem font: small control labels.status-barSystem font: status bar font.CSS Fonts Module Level 4Editor's Draft<length-percentage>W3CMDNCSS css aBcDeFShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
