Limited support 注意が必要。一部のブラウザのみ対応。プロダクション利用は慎重に判断すること。
その他 Limited support

Math font family

MathMLや数式表示に最適化されたブラウザの組み込みフォントを使用する宣言です。数学記号やギリシャ文字が正しく表示されるよう設計されたフォントが選択されます。WebサイトでSTEM分野のコンテンツを表示する際に、外部フォントなしで適切な数式表示を実現できます。

数式フォントMathML

概要

MathMLや数式表示に最適化されたブラウザの組み込みフォントを使用する宣言です。数学記号やギリシャ文字が正しく表示されるよう設計されたフォントが選択されます。WebサイトでSTEM分野のコンテンツを表示する際に、外部フォントなしで適切な数式表示を実現できます。

対応ブラウザ

デスクトップ

Chrome 109+
Edge 109+
Safari 26.2+
Firefox 未対応

モバイル

Chrome Android 109+
Safari iOS 26.2+
Firefox Android 未対応

基本構文

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

実務での使いどころ

  • 数式コンテンツの表示最適化

    教育サイトや学術論文サイトで、数式やMathMLコンテンツにmathフォントを適用して正確な数学記号表示を実現します。

注意点

  • Firefoxでは未対応のため、serif系フォントをフォールバックとして設定してください。

アクセシビリティ

  • 数式のスクリーンリーダー対応にはMathMLのセマンティック構造やaria-label属性での説明が必要です。

参考リンク