2 posts tagged with "fonts"

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

Internal links​

• User guide: /docs/Google-Fonts-for-Confluence/usage

Q: Do webfonts slow page load? A: Loading many font families/weights increases requests; limit to needed weights and use font-display: swap.

Q: How to reduce font request size? A: Choose variable fonts or subset families, and load only required weights.

Q: Are Google Fonts cached across sites? A: Browsers may cache font files, but different variants are distinct resources.

Q: Fallback fonts? A: Always provide a system font stack fallback to avoid invisible text during loading.

Q: Licensing concerns? A: Google Fonts are open-source; check individual font licenses if embedding outside Google.

Q: Best practices in Confluence? A: Use the app's preview tools, restrict fonts per space, and avoid per-page multiple fonts.