# Typography

In the theme editor **(Customize) => Theme Settings**, click **Typography**

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/pX5OuhUy4lwfXCxYYpW4/image.png" alt=""><figcaption></figcaption></figure>

**Custom font:** This config will load the font assets in theme

{% hint style="info" %}
Adding fonts to your Shopify theme

1. To get to the Assets folder of your theme, navigate to your Shopify dashboard. From here, go to: **Online Store > Actions > Edit Code**
2. Scroll down till you find the Assets folder and click add a new asset, select your font file and hit upload asset.
3. Connect font in file **font-custom.liquid**
4. Rename font in file **head-css.liquid  =>** [**http://prntscr.com/PGE2vdpgB5do**](http://prntscr.com/PGE2vdpgB5do)    <br>
   {% endhint %}

```
// font-custom.liquid
 @font-face {
        font-family: 'Grotesque';
        src: url('{{ 'namefont.woff2 ' | asset_url }}') format('woff2'),
             url('{{ 'namefont.woff' | asset_url }}') format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    } 
```

**Enable Font-2 Body:** If disabled Font-2 body, the Font body is Custom Font

**Font Main:** Font for Heading, If Google font is set blank Website would use the Shopify font

**Font 2:** Font for Body text, If Google font is set blank Website would use the Shopify font\
\
**Title Slideshow:** Font size, Font weight, Transform, Line height, Letter spacing

**H1:** Font size, Font weight, Transform, Line height, Letter spacing

**H2:** Font size, Font weight, Transform, Line height, Letter spacing

**H3:** Font size, Font weight, Transform, Line height, Letter spacing

**H4:** Font size, Font weight, Transform, Line height, Letter spacing

**H5:** Font size, Font weight, Transform, Line height, Letter spacing

**H6:** Font size, Font weight, Transform, Line height, Letter spacing

**Font Body:** Font size, Font weight,  Line height

**Font Title Product:** Font family, Font size, Font weight, Transform, Line height, Letter spacing

**Subtop ( For sub Heading):** Font size, Font weight, Letter spacing