> For the complete documentation index, see [llms.txt](https://documents.vinovathemes.com/petalia-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documents.vinovathemes.com/petalia-documentation/general-settings/typography.md).

# Typography

Typography enables the customization of font styles and sizes on a website

{% hint style="info" %}
From "**Theme Settings**", click the tab "**Vinova Typography**".
{% endhint %}

1.  **Shopify Default Font:** Use Shopify's available fonts
2. **Google Custom Font:** Use fonts provided by [**Google**](https://fonts.google.com/)
3. **Base size:** Font size of paragraph
4. You can configure tags from H1 to H6

<div align="left"><figure><img src="https://855075560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx71KyiTtmBFnAYkSpal6%2Fuploads%2FnJdCRqkK6mQX3cADT0th%2Fimage.png?alt=media&amp;token=78712948-6d4c-47a4-aa7b-217613f515ad" alt="" width="307"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://855075560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx71KyiTtmBFnAYkSpal6%2Fuploads%2FqLobis6He6q80iCgDdWS%2Fimage.png?alt=media&amp;token=feb7f979-b7eb-4cf5-83d4-1ed04e4acf25" alt="" width="292"><figcaption></figcaption></figure></div>