font-family
Specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
Quick example
body {
font-family: system-ui, -apple-system, sans-serif;
/* system font fallback for performance */
}Quick facts
Initial value
dependsOnUserAgentInherited
Yes
Applies to
all elements and text
Animation type
discrete
font-family Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
1+
12+