Choosing Fonts

livediagram gives you a curated set of eight typefaces so a diagram can read as crisp, friendly, formal, or hand-drawn without becoming a font free-for-all. You can apply a font to one element or set it as the default for a whole tab, and the two levels work together so you only set what you actually want to override.

The eight fonts

The set spans a deliberate spread of voices:

• Inter and Roboto: clean, neutral sans-serifs for everyday diagrams.
• Poppins: a geometric sans with a modern feel.
• Nunito: a rounded sans that reads as friendly.
• Lora: a serif for a more formal, editorial look.
• Roboto Slab: a slab serif with extra weight and presence.
• Roboto Mono: a monospace, handy for code or technical labels.
• Caveat: a handwriting face for a sketched, informal feel.

Setting a font on one element

To change a single element's typeface, open its inline text-editing controls and pick a font from the menu. For arrows, the font option lives in the right-click context menu's text controls. Choosing a font sets it on that element alone; choosing the "Tab default" option clears the override so the element follows the tab again.

Setting a tab default

To set the typeface for everything on a tab at once, use the Font option in the tab or canvas context menu. This sets the default for every text element on the tab that has not chosen its own font. The same menu lets you set a default text size for new elements, which is copied onto each element as you add it, so changing the default later never resizes the shapes already on your canvas. A fresh canvas starts at a compact small size by default.

How the levels combine

Any piece of text resolves its font in order: an element's own font wins first, then the tab's default, then livediagram's built-in fallback. Arrows have no per-element font, so they always follow the tab default. This means you can set one tab-wide typeface and only override the few labels you want to stand out.