# Typography

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

You can set the font style and size of the text on your online store. You can choose between a system font or a custom font.

From the Typography panel, you can set the Body font family and Font size.

**Customize your typography settings**

* From your Shopify admin, go to Online Store > Themes.
* Click on Customize button.
* Click Theme settings.
* Click Typography.
* For each type of text, click Change to use the font picker.
* Explore fonts by using the search field, or by clicking Load more. To see all of the available fonts, see [Shopify's font library](https://shopify.dev/tutorials/develop-theme-fonts#browse-available-fonts)
* Click the name of the font that you want to use.
* To change the font to a different style, click the name of the current font style, and then select a new font style from the dropdown menu.
* Click Select.
* Click Save.

<table><thead><tr><th width="286">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Uppercase announcement bar</td><td>Enable this toggle to transform the announcement bar text to uppercase.</td></tr><tr><td>Uppercase menu</td><td>Enable this toggle to transform the menu text to uppercase.</td></tr><tr><td>Headings</td><td><p><strong>Font:</strong> Choose the font family for headings. Selecting a different font can affect the speed of your store. </p><p></p><p><strong>Font size scale:</strong> Adjust the size scale of the headings' font using the percentage slider.</p></td></tr><tr><td>Body</td><td><p><strong>Font:</strong> Choose the font family for body text. Selecting a different font can affect the speed of your store. </p><p></p><p><strong>Font size scale:</strong> Adjust the size scale of the body text font using the percentage slider.</p></td></tr></tbody></table>

<figure><img src="https://1291024468-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZyN3AVm8eGZ8KfCXj2wM%2Fuploads%2FSUBeVlP91eAWoV29brqb%2Ftypography-setting.png?alt=media&#x26;token=343a7689-0e67-4c31-916a-62b50b182776" alt=""><figcaption></figcaption></figure>

**Customize your font sizes**

* You can set the default font sizes for your heading and body text within the Typography theme setting.
* From your Shopify admin, go to Online Store > Themes.
* Click on Customize button.
* Click Theme settings > Typography.
* To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the size increases the font size by 5%. The default setting is 100%.
* To change the default font size for the body, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the size increases the font size by 5%. The default setting is 100%.
* Click Save.