# Typography

The **Milano** theme features a dedicated options panel that allows you to customize the styling of each site component in great detail. Here, you can adjust the font style and size for the text.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Typography**
3. Make necessary changes
4. **Save**
   {% endhint %}

## **Body text**

You have the flexibility to use Shopify Fonts, Google Fonts, or the Default Font provided by the theme. Additionally, elements related to typography, such as font size and font weight, are fully adjustable, allowing you to tailor the visual presentation to perfectly align with your brand's aesthetic. This customization ensures your store's text is both visually appealing and consistent with your overall design.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F8Iwe0OgTYmbmGmf18rPL%2Fimage.png?alt=media&#x26;token=b914c2e4-e2a7-4272-b238-97f5d3649e62" alt=""><figcaption></figcaption></figure>

## Heading text

You have the flexibility to use Shopify Fonts, Google Fonts, or the Default Font provided by the theme.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F621BdjZ9Y2DN8WAIgJER%2Fimage.png?alt=media&#x26;token=43645025-bff9-4d82-827a-7bc7a2c1ac2f" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="372">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Font size scale</strong></td><td>This feature allows you to effortlessly adjust the font size based on the original.</td></tr><tr><td><strong>Font weight</strong></td><td>Determines the weight of the heading font.</td></tr><tr><td><strong>Subheading weight</strong></td><td>Sets the weight of the subheading font.</td></tr><tr><td><strong>Text transform</strong></td><td>Options include unset, capitalize, or uppercase.</td></tr><tr><td><strong>Letter spacing</strong></td><td>Adjusts the spacing between letters.</td></tr></tbody></table>

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FnL2M5xtGYbvBEt2jM788%2Fimage.png?alt=media&#x26;token=fcaaec8d-673c-43ae-9343-6013699d0d92" alt=""><figcaption></figcaption></figure>

## **Menu and Button**

The menu font size can be configured to match either the body font or the heading font.

Similarly, the button font can be set to match either the body font or the heading font. Additionally, it includes options for text transformation and setting the radius of rounded corners.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FV4dbds1CfaRegWtJCv9p%2Fimage.png?alt=media&#x26;token=fe3d5fa7-47c7-4371-b6db-db813a619f79" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Besides Shopify's default settings, the Milano theme also provides custom font extension features through our app. Please visit the [How to change fonts](https://blueskytechco.gitbook.io/glozin-shopify/frequently-asked-questions/how-to-change-fonts) section to learn more about this advanced feature.
{% endhint %}