# Typography

Allow you to define the fonts, sizing, casing, and spacing used across your storefront, ensuring a coherent, brand-aligned visual identity and optimal readability.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2F4QblvL6zg89bNeYNTNny%2Ftypography-theme-settings.gif?alt=media&#x26;token=0a341f50-56c8-4457-b9de-01dceb18fe73" alt=""><figcaption></figcaption></figure>

Font stacks in the theme settings are predetermined. You can not remove or add fonts to this list. To use custom fonts, check out our documentation post on the topic below:

{% content-ref url="../../faq/frequently-asked-questions/how-to-add-custom-fonts" %}
[how-to-add-custom-fonts](https://palo-alto.presidiocreative.com/faq/frequently-asked-questions/how-to-add-custom-fonts)
{% endcontent-ref %}

<table><thead><tr><th width="304.65106201171875">Settings</th><th width="133.9825439453125" align="center">Type</th><th width="297.01385498046875">Description</th></tr></thead><tbody><tr><td><strong>Headings</strong></td><td align="center"></td><td></td></tr><tr><td>Font</td><td align="center"><code>font_picker</code></td><td>Select the font for headings.</td></tr><tr><td>Uppercase headings</td><td align="center"><code>checkbox</code></td><td>Enable to render of all heading text in uppercase.</td></tr><tr><td>Base size</td><td align="center"><code>range</code></td><td>Controls the size of headings as a percentage.</td></tr><tr><td>Letter spacing</td><td align="center"><code>range</code></td><td>Adjust the spacing between letters in headings.</td></tr><tr><td><strong>Body Text</strong></td><td align="center"></td><td></td></tr><tr><td>Font</td><td align="center"><code>font_picker</code></td><td>Font for body content.</td></tr><tr><td>Base size</td><td align="center"><code>range</code></td><td>Controls the main text size.</td></tr><tr><td><strong>Navigation</strong></td><td align="center"></td><td></td></tr><tr><td>Font</td><td align="center"><code>select</code></td><td>Use either the heading or body font for navigation.</td></tr><tr><td>Weight</td><td align="center"><code>select</code></td><td>Font weight: <code>Light</code>, <code>Normal</code>, <code>Bold</code>.</td></tr><tr><td>Base size</td><td align="center"><code>range</code></td><td>General navigation text size.</td></tr><tr><td>Top-level links size</td><td align="center"><code>range</code></td><td>Font size for main navigation links.</td></tr><tr><td>Uppercase top-level links</td><td align="center"><code>checkbox</code></td><td>Makes top-level links uppercase. Disabled in a hamburger menu.</td></tr><tr><td>Uppercase all links in megamenu</td><td align="center"><code>checkbox</code></td><td>Capitalizes all megamenu links. Disabled in a hamburger menu.</td></tr><tr><td>Letter spacing</td><td align="center"><code>range</code></td><td>Adjust spacing for nav text.</td></tr><tr><td>Apply letter spacing to only uppercase</td><td align="center"><code>checkbox</code></td><td>When enabled, spacing affects only uppercase text.</td></tr><tr><td><strong>Accent</strong></td><td align="center"></td><td></td></tr><tr><td>Font</td><td align="center"><code>font_picker</code></td><td>Font for subheadings.</td></tr><tr><td>Uppercase</td><td align="center"><code>checkbox</code></td><td>Renders subheadings in uppercase.</td></tr><tr><td>Base size</td><td align="center"><code>range</code></td><td>Size of subheadings.</td></tr><tr><td>Letter spacing</td><td align="center"><code>range</code></td><td>Adjust letter spacing for subheadings.</td></tr><tr><td><strong>Labels</strong></td><td align="center"></td><td></td></tr><tr><td>Font</td><td align="center"><code>select</code></td><td>Font source: <code>Body</code>, <code>Heading</code>, or <code>Accent</code>.</td></tr><tr><td>Weight</td><td align="center"><code>select</code></td><td>Font weight: <code>Light</code>, <code>Normal</code>, <code>Bold</code>.</td></tr><tr><td>Uppercase</td><td align="center"><code>checkbox</code></td><td>Display labels in all caps.</td></tr><tr><td>Base size</td><td align="center"><code>range</code></td><td>Size for labels.</td></tr><tr><td>Letter spacing</td><td align="center"><code>range</code></td><td>Adjust spacing between characters.</td></tr><tr><td><strong>Highlight</strong></td><td align="center"></td><td></td></tr><tr><td>Font</td><td align="center"><code>font_picker</code></td><td>Highlighted text font. <a href="https://palo-alto.presidiocreative.com/faq/frequently-asked-questions/highlight-words">Learn more</a></td></tr></tbody></table>