> For the complete documentation index, see [llms.txt](https://pinathemes.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pinathemes.gitbook.io/docs/breeze/customization/site-wide/typography.md).

# Typography

The theme lets you control which fonts are used across your site. You can choose between the theme fonts, Ghost fonts, or your system font.

### Step-by-step:

{% stepper %}
{% step %}
Go to the "**Design & branding**" settings in Ghost Admin and click "**Customize**".
{% endstep %}

{% step %}
Under the **Site wide** section, locate "**Typography**".
{% endstep %}

{% step %}
Select your preferred option and click "**Save**".
{% endstep %}
{% endstepper %}

### Available Options

* **Theme** *(default):* Uses the fonts provided by the theme. These fonts are hosted locally for better performance and visual consistency.
* **Ghost**: Uses the fonts defined in Ghost [Typography](/docs/breeze/customization/typography.md) settings. The theme fonts are disabled to avoid unnecessary loading.
* **System**: Uses the default font from the visitor’s operating system. This option improves performance by avoiding local and external font loading.

{% hint style="success" %}
For better performance, when using **Local fonts** or **System**, make sure the [Ghost Typography](/docs/breeze/customization/typography.md) is set to *"Theme default"*. This prevents Ghost from loading additional fonts unnecessarily.
{% endhint %}