Skip to main content

How to Change Fonts

🖥️  Change your WanderOS website’s heading and body fonts from the Site Editor’s Typography settings.

WanderOS Site Editor Styles panel showing the Typography settings

You can change the global heading and body fonts for your WanderOS website from the Site Editor’s Typography settings.


Open the Typography settings

  1. Sign in to app.wander.com.

  2. Select Website in the left sidebar.

  3. In the Website overview, select Edit website.

  4. In the Site Editor, open Styles under Customize.

  5. Expand Typography.

  6. Select desired font and click Save

The Site Editor requires a desktop browser.


Choose heading and body fonts

The Typography panel lets you choose fonts for two global text roles:

  • Heading: Used for page titles, section headings, and other heading text.

  • Body: Used for paragraph text and other standard site copy.

Select the font family. Review the live preview as you make changes.

The current Site Editor does not provide a font-size control in the Typography panel.


Available fonts

The Site Editor provides a curated font list. It does not support every font in the Google Fonts catalog.

The available families are grouped as follows:

  • Sans Serif

    • Instrument Sans, Hedvig Letters Sans, Figtree, Inter, Archivo, Public Sans, Work Sans, Karla, DM Sans, Bricolage Grotesque, Manrope, Poppins, Cabin, and Nunito.

  • Serif

    • Instrument Serif, Hedvig Letters Serif, Source Serif 4, Newsreader, Lora, EB Garamond, Crimson Pro, Fraunces, Playfair Display, Cormorant Garamond, and DM Serif Display.

  • Monospace

    • JetBrains Mono and Space Mono.

If a font does not appear in the Typography picker, it cannot be selected through the current Site Editor.


Save your font changes

  1. Review the live preview.

  2. Select Save in the Site Editor preview header.

  3. Wait for the save to complete before leaving the editor.

The editor keeps changes as a draft until you save them. If you try to leave with unsaved changes, the Site Editor gives you the option to Save or Discard.

You can also save with Command + Shift + S on macOS or Control + Shift + S on Windows.


What does changing the font affect?

Font changes apply globally to supported typography across your website. Existing pages use the updated typography after the changes are saved.

Font changes do not change:

  • The text content on your pages

  • Individual page layouts

  • Section order

  • Images or videos

  • The website’s color settings


Need help?

We’re here for you. If you have any questions, reach out to our Support team at [email protected] or chat with us through the 'Help Center'.

Did this answer your question?