# Google Fonts for Confluence — User Guide

Related blog post: [How to configure Google Fonts in Confluence](/blog/configure-google-fonts-confluence.md)

## Overview[​](#overview "Direct link to Overview")

Google Fonts for Confluence lets you display text using any of the 1942+ Google Fonts directly on your Confluence pages. Customize font family, variant, size, color, and alignment with a live preview.

## Getting Started[​](#getting-started "Direct link to Getting Started")

### Inserting Google Fonts Text[​](#inserting-google-fonts-text "Direct link to Inserting Google Fonts Text")

1. Edit a Confluence page
2. Type `/google fonts` in the editor and select **Google Fonts for Confluence**
3. The configuration panel opens with font options and a live preview
4. Choose your font, style, and text
5. Click **Save** to insert the styled text

### Re-editing[​](#re-editing "Direct link to Re-editing")

Click on an existing Google Fonts macro and select **Edit** to reopen the configuration panel. All your settings are preserved.

***

## Configuration Options[​](#configuration-options "Direct link to Configuration Options")

### Font Family[​](#font-family "Direct link to Font Family")

Search and select from 1942+ Google Fonts. Use the search dropdown to quickly find your preferred font.

### Font Variant[​](#font-variant "Direct link to Font Variant")

Choose from available variants for the selected font:

| Variant         | Description       |
| --------------- | ----------------- |
| **Regular**     | Default weight    |
| **Italic**      | Italic style      |
| **Bold**        | Bold weight       |
| **Bold Italic** | Bold italic style |

Available variants depend on the selected font family.

### Text Size[​](#text-size "Direct link to Text Size")

Enter any font size in pixels using the numeric input field. There is no enforced limit — common ranges:

| Usage          | Recommended Size |
| -------------- | ---------------- |
| Body text      | 14–18px          |
| Headings       | 24–48px          |
| Display / Hero | 60–120px         |

### Text Color[​](#text-color "Direct link to Text Color")

Pick a text color using the built-in color picker. Choose from quick-select swatches for common colors, or switch to the palette to fine-tune the exact shade and edit RGB values directly.

### Text Alignment[​](#text-alignment "Direct link to Text Alignment")

| Option     | Alignment               |
| ---------- | ----------------------- |
| **Left**   | Align text to the left  |
| **Center** | Center the text         |
| **Right**  | Align text to the right |

### Preview Text[​](#preview-text "Direct link to Preview Text")

Type your content in the preview area to see how it looks with the selected font and settings in real-time.

***

## Dark Mode Support[​](#dark-mode-support "Direct link to Dark Mode Support")

The macro automatically adapts to Confluence's dark/light theme for comfortable reading in both modes.

***

## Tips[​](#tips "Direct link to Tips")

* Use the search box to quickly filter fonts by name
* Preview your text at different sizes before saving
* Use bold or italic variants for emphasis within your content
* Combine custom colors with Google Fonts for branded text styling

***

## Related Blog Posts[​](#related-blog-posts "Direct link to Related Blog Posts")

* [How to configure Google Fonts in Confluence](/blog/configure-google-fonts-confluence.md)
* [Google Fonts for Confluence: Performance Impact & FAQ](/blog/faq-google-fonts-performance.md)
* [Google Fonts for Confluence — Which Custom Typography App Fits Your Team?](/blog/google-fonts-confluence-custom-typography.md)

## Support[​](#support "Direct link to Support")

For issues or feature requests, please visit the app's listing on the Atlassian Marketplace.

Was this helpful?👍 Yes👎 No