Custom fonts

To set up custom fonts in your theme, follow these steps:

1. Enable Custom Fonts

Steps:

1. In your Shopify admin, go to Online Store > Customize to open the theme editor.

2. In the left sidebar, select Theme settings.

3. Scroll down and open the Custom fonts section.

4. Check Enable custom fonts to activate the feature.

5. When finished, click Save to apply the changes.

2. Adding User Uploaded Fonts

Steps:

1. Under Custom fonts, select Add block and choose User uploaded font.

2. Upload your font file (e.g., .woff, .woff2) to Shopify Files.

3. Copy the file URL and paste it in the Font file URL field.

4. Enter a name for your font in the Custom font field.

5. Choose where to apply the font by selecting Use for headings or Use for body.

6. To apply the font to specific elements, add CSS selectors in the CSS selectors field.

7. Click Save to apply your custom fonts across the theme.

2. Adding Google Fonts

Steps:

1. Under Custom fonts, select Add block and choose Google font.

2. Go to Google Fonts, choose your desired font, and copy the embed code.

3. Paste the embed code in the Google fonts embed code field.

4. Choose where to apply the font by selecting Use for headings or Use for body.

5. To apply the font to specific elements, add CSS selectors in the CSS selectors field.

6. Click Save to apply your fonts.