Overview

Fonts with appropriate Unicode coverage and OpenType features are required for good math rendering. Maintainers of WebKit ports and operating systems should ensure that such fonts are available to get more reliable results on MathML tests and to maximize user experience. WebKit users encountering troubles with the rendering of MathML are encouraged to check that such a font is installed on their system. They are also invited to configure the default math font to match their preference.

Recommended Math Fonts

Here is a list of known math fonts that can be used to render MathML formulas in WebKit:

• ​Asana Math
• ​Cambria Math
• ​Latin Modern Math
• ​Libertinus Math
• ​Lucida Bright Math
• ​Minion Math
• ​STIX Math
• ​TeX Gyre Bonum Math
• ​TeX Gyre Pagella Math
• ​TeX Gyre Schola Math
• ​TeX Gyre Termes Math
• ​XITS Math

Latin Modern Math is recommended for users who are familiar with ​TeX's Computer Modern style. The STIX family provides the best unicode coverage but it has many bugs that will only be fixed in version 2. These two fonts form the recommended minimal set to consider for maintainers and the default option to try for users.

Customizing Math Font

The default font-family on the <math> tag is not inherited but set to a list of known math fonts. Authors or readers of MathML equations can easily customize it by adding the following CSS rule to the author/user style sheet:

  math {
     font-family: "My Fancy Math Font";
  }

For best rendering, it is recommended to use text font and math font that have consistent style. For example, authors can use the following stylesheet to display their page with the "Latin Modern" style:

  body {
     font-family: "Latin Modern Roman";
  }
  math {
     font-family: "Latin Modern Math";
  }