coderef

Math font familyBaseline · Newly available

The font-family: math CSS declaration uses the browser default font face for displaying mathematical expressions.

Works in the latest version of every major browser, but older devices may not support it yet. Baseline since Mar 24, 2026.

Browser support

DesktopChrome
1–108Not supported
109+Supportedsince Jan 10, 2023
Current: 155
Edge
12–108Not supported
109+Supportedsince Jan 12, 2023
Current: 154
Firefox
1–148Not supported
149+Supportedsince Mar 24, 2026
Current: 157
Safari
1–26.1Not supported
26.2+Supportedsince Dec 12, 2025
Current: 27
MobileChrome Android
18–108Not supported
109+Supportedsince Jan 10, 2023
Current: 155
Firefox Android
4–148Not supported
149+Supportedsince Mar 24, 2026
Current: 157
Safari iOS
1–26.1Not supported
26.2+Supportedsince Dec 12, 2025
Current: 27

How to use

Every current browser supports this, but it only became Baseline on Mar 24, 2026. Use it as a progressive enhancement, or keep a fallback if you support older devices.

Example

Full syntax and examples are on MDN — see the links below.

Feature detection

CSS · check before using
@supports (font-family: math) {
  /* styles that rely on font-family: math */
}

/* or in JavaScript */
if (CSS.supports("font-family", "math")) {
  // use it
}