Typography

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

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

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

// 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