The font-family property specifies a prioritized list of font families. The browser picks the first available. Always end with a generic (serif/sans-serif/monospace) as fallback.body {
font-family: 'Helvetica Neue', Arial, sans-serif;
}code {
font-family: 'JetBrains Mono', ui-monospace, monospace;
}serifGeneric: serif font (Times-like).sans-serifGeneric: sans-serif font (Arial-like).monospaceGeneric: monospace font (Courier-like).cursiveGeneric: cursive font.fantasyGeneric: decorative font.system-uiOS system UI font.ui-serifOS serif font.ui-sans-serifOS sans-serif font.ui-monospaceOS monospace font.ui-roundedOS rounded font.mathMath font.emojiEmoji font.fangsongChinese fangsong font.CSS Fonts Module Level 4Editor's DraftW3CMDNabcd efgh ijkl mnop qrst uvwx yzShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
