Typography — fonts
Fonts do a lot of brand work quietly. Get them right once and every room automatically feels on-brand.
⚠️ Requires org role Admin. Go to Settings → Branding.
Typography is split across two places in Branding: the Typography section is your workspace font library (which typefaces are available at all), and each room theme then picks which of those fonts goes in which slot.
Three font slots — per room theme
Open Settings → Branding → Room Themes, select a theme, and expand its Typography panel. Each theme assigns three fonts, each with its own role:
Font slot | Used for |
|---|---|
Navbar Font | Navigation tabs in rooms |
Headings Font | Section titles, block titles, large callouts |
Text Font | Body copy — paragraphs, lists, descriptions |
Most brands use 2 fonts in practice: one for display (headings) and one for body text. Katalyz supports 3 slots so you can differentiate navigation from content if your brand calls for it — otherwise, use the same font for navbar and headings.
Default font size
The same panel sets a Default Font Size for body text (entered as a CSS value, e.g. 16px). It propagates to every room using the theme, unless a specific block overrides it.
Recommended: 15–16px for comfortable readability on desktop. Smaller feels cramped; larger can feel shouty.
Adding a font to the library
Click Add Font at the top-right of the Typography section. Fonts added here become selectable in every theme's three slots. You have two sources:
Google Fonts
The easy option. Search the built-in list of popular Google Fonts (Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Raleway, Nunito, Ubuntu, Playfair Display, Merriweather, PT Sans, Oswald, Source Sans Pro, Mukta, Work Sans), pick one, and it's added. Weights and styles are handled automatically.
Custom fonts
Upload your own font files — useful if your brand has a licensed typeface not on Google Fonts.
Upload one file per weight/style combination you need. Katalyz reads the weight and style out of the file name and pre-fills them; you can correct either from the dropdowns, which run the full range Thin (100) through Black (900), normal or italic.
Supported file formats: .woff2, .woff, .ttf, .otf.
Once uploaded, the custom font appears in the library with a Custom badge (Google fonts get a Google Fonts badge) and becomes selectable in each of the three slots.
A font that is currently used by a theme can't be removed — swap the theme onto another font first.
Licensing
Custom fonts must be licensed for web use. If you're not sure whether your font license covers Katalyz, check with your licensor — or use a Google Font, which is always free and permissive.
Best practices
- Don't mix more than 2 typefaces in a single brand system. One for headings, one for body is usually enough.
- Check legibility at small sizes — some fonts look great in headlines and terrible in 13px body copy.
- Avoid decorative fonts for body text — they slow reading.
- Preview changes with the eye icon on the theme row before saving. Fonts read differently in context than in a settings preview.
Related articles
Updated on: 01/10/2026
Thank you!