Newly available Useful when Math font family adds a clear capability without requiring fragile workarounds.

Math font family

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

Other

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.properties.font-family.math
109
109
149
26.2
109
26.2
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

CSS 
math, .math-content {
  font-family: math;
}
.equation {
  font-family: math, serif;
}

Live demo

number notationfont

CSS number notationfont demo.

PreviewFullscreen

number notation+serif

CSS number notation+serif demo.

PreviewFullscreen

blendtext

CSS blendtext demo.

PreviewFullscreen

Use cases

  • Browser-native behavior

    Use Math font family to rely on the platform for behavior that would otherwise require extra code or CSS complexity.

  • Progressive enhancement

    Enhance the experience where support exists while keeping a solid baseline elsewhere.

Cautions

  • Check browser support and actual product need before adding a new platform feature widely.
  • Keep feature usage understandable so future contributors know why it was chosen.

Accessibility

  • New platform features should still preserve readable defaults and robust interaction patterns.
  • Verify that enhancement paths do not leave unsupported environments with a broken experience.

Related links