Skip to content
Get started

Fonts

Documents are printed by a headless Chrome with a fixed set of installed fonts. Name them in font-family as you would any locally installed font:

body {
font-family: Inter, sans-serif;
}

The editor’s font menu offers the most common ones and previews them with the same fonts.

Family Notes
Inter, Inter Display Sans-serif, all weights from Thin to Black.
Open Sans, Open Sans Condensed Sans-serif, Light to Extrabold.
Lato Sans-serif, Hairline to Black.
Montserrat, Montserrat Alternates Sans-serif, Thin to Black.
Liberation Sans, Liberation Serif, Liberation Mono Metric-compatible with Arial, Times New Roman and Courier New.
Carlito, Caladea Metric-compatible with Calibri and Cambria.
DejaVu Sans, DejaVu Serif, DejaVu Sans Mono Broad Unicode coverage.
Noto Sans, Noto Serif and script families Fallback for most of the world’s scripts, including Arabic, Hebrew, Thai, Devanagari and many more.
Noto Sans CJK, Noto Serif CJK Chinese, Japanese and Korean.
Noto Color Emoji Emoji.

Templates written for Office fonts keep their layout, because these names resolve to a font with identical character widths:

You write You get
Arial, Helvetica Liberation Sans
Times New Roman Liberation Serif
Courier New Liberation Mono
Calibri Carlito
Cambria Caladea

sans-serif resolves to Noto Sans, serif to Noto Serif and monospace to DejaVu Sans Mono. Name a specific family if the exact look matters.

You don’t need to do anything for non-Latin text or emoji. When the font you named lacks a character, Chrome falls back to an installed font that has it, usually one of the Noto families. For the most consistent result in a mostly non-Latin document, name the matching Noto family first, e.g. font-family: "Noto Sans JP", sans-serif;.