Math Fonts at Firefox OS

Published on June 17, 2014.

When dealing with math you need to have at least one font that has all the symbols needed with support to scale it. With at least one font properly installed, when visit https://www.mozilla.org/en-US/styleguide/products/firefox-os/typeface/ you will see something like:

Otherwise, you will see something like:

Today I work trying to solve the lack of math fonts at Firefox OS.

Adding Latin Modern Math font

Frédéric wrote a patch to add Latin Modern Math font in the list of the fonts shipped at Firefox OS. I apply this patch in my source tree, build Firefox OS and flash Flatfish with my building. Using adb I check that latinmodern-math.woff can be found inside /system/fonts and go to test it. I open this file <font-family-fira.html> that use the system default font and next open this other file <font-family-latinmodern.html> that has an CSS rule to use Latin Modern.

If you look the text at the screenshot closely you will note that the font being use is different what imply that the CSS rule is working. The question that remains is "Why Firefox OS don't render the "image" as an grid since this happens at Firefox?".

Screenshot Gallery using Web Fonts

Tags:

• Blog