> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/flute-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/flute-documentation/theme-settings/typography.md).

# 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="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td><strong>Font</strong><br>Choose the font family for the headings of your store. Selecting a different font can affect store performance.</td></tr><tr><td>Body</td><td><strong>Font</strong><br>Choose the font family for the body text of your store. Selecting a different font can affect store performance.</td></tr></tbody></table>

<figure><img src="/files/xu4uNW4YRIjITEXrem5s" alt=""><figcaption></figcaption></figure>