Skip to main content

How to Configure Google Fonts in Confluence (Step-by-Step)

· 2 min read
NGPilot

Using custom fonts can dramatically improve readability and branding in Confluence. This guide shows how to use the Google Fonts for Confluence app to apply fonts, configure previews, and balance performance.

Quick prerequisites​

  • Confluence Cloud site with the Google Fonts app installed
  • Permission to edit pages or space styles

Step 1 — Choose the right font​

  • Consider legibility and weights
  • Prefer variable fonts for performance

Step 2 — Apply font to a page​

  • Edit page → Insert Google Fonts macro → select font → save

Step 3 — Use live preview and fallback rules​

  • Test in multiple browsers
  • Add CSS fallbacks for system fonts

Performance tips​

  • Limit webfont file size by choosing only needed weights
  • Use font-display: swap to avoid invisible text

Related apps & resources​

Try Google Fonts for Confluence

1,798+ Google Font families with live preview, custom size/color/alignment — free for up to 10 users.

Get it on the Atlassian Marketplace

Related guides