# 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.

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FtqFvgOIhyTwRVeqWu2Oo%2Ftypography.png?alt=media&#x26;token=08376dfa-48eb-4152-91f4-9aa13f9661ce" 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.

<figure><img src="https://content.gitbook.com/content/z2mugD18x0vMyXArG8bZ/blobs/4TaXQISegwYc9FcEb3KM/typography-font.png" alt=""><figcaption></figcaption></figure>
