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

April 21, 2026 ·

<!-- -->

2 min read

[NGPilot](https://ngpilot.com)

<!-- -->

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[​](#quick-prerequisites "Direct link to Quick prerequisites")

* Confluence Cloud site with the [Google Fonts](/docs/Google-Fonts-for-Confluence/usage.md) app installed
* Permission to edit pages or space styles

## Step 1 — Choose the right font[​](#step-1--choose-the-right-font "Direct link to Step 1 — Choose the right font")

* Consider legibility and weights
* Prefer variable fonts for performance

## Step 2 — Apply font to a page[​](#step-2--apply-font-to-a-page "Direct link to Step 2 — Apply font to a page")

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

## Step 3 — Use live preview and fallback rules[​](#step-3--use-live-preview-and-fallback-rules "Direct link to Step 3 — Use live preview and fallback rules")

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

## Performance tips[​](#performance-tips "Direct link to Performance tips")

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

## Related apps & resources[​](#related-apps--resources "Direct link to Related apps & resources")

* [Google Fonts for Confluence](/apps/google-fonts-for-confluence.md)
* [Enhanced Markdown for Confluence](/apps/enhanced-markdown-for-confluence.md) — pair custom fonts with Markdown editing
* [Google Fonts performance FAQ](/blog/faq-google-fonts-performance.md) — performance tips and common questions

Try <!-- -->Google Fonts for Confluence

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

[Get it on the Atlassian Marketplace](https://marketplace.atlassian.com/apps/1236413/google-fonts-for-confluence?utm_source=ngpilot.com\&utm_medium=website\&utm_campaign=google-fonts-for-confluence)

## Related guides

* [Can You Change the Font in Confluence? Custom Options](/blog/confluence-default-font-change-font.md)
* [How to Create Mermaid Diagrams in Jira](/blog/how-to-create-mermaid-diagrams-jira.md)
* [Export Jira Issues to Excel or CSV](/blog/export-jira-issues-to-excel.md)
* [Bulk Download Jira Attachments](/blog/bulk-download-jira-attachments.md)

Explore NGPILOT[Browse Solutions](/solutions.md)[All Apps](/apps.md)[Atlassian Marketplace →](https://marketplace.atlassian.com/vendors/1226848/?utm_source=ngpilot.com\&utm_medium=blog\&utm_campaign=hub-links)

**Tags:**

* [confluence](/blog/tags/confluence.md)
* [fonts](/blog/tags/fonts.md)
* [google-fonts](/blog/tags/google-fonts.md)
* [how-to](/blog/tags/how-to.md)