# 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="/files/wqlL2IvfokrDlyg6uS2N" alt=""><figcaption></figcaption></figure>

### **ustomize 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="/files/IUHb4YdIhFfUvlcXDLV1" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sitar-doc.winterinfotech.com/theme-settings/typography.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.