Meet Poetic — Our First Theme on the Shopify Theme Store
Try theme for free
Ctrlk
Made with InspiredThemeKey FeaturesExplore Themes
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Custom fonts

Upload your own font files and use them for headings or body text instead of the fonts in Typography.

Pro feature. Custom fonts require a Pro or Max License key. Without one, your live store uses the fonts selected in Typography instead. Learn about plans and License keys

Shopify offers a large free font library, which you can choose from in Typography. If your brand uses a font that isn't in the library, upload it to Shopify and apply it with Custom fonts.

By using custom fonts, you're responsible for having the proper license for any font file you upload.

1. Upload your font file

Steps:

  • From your Shopify admin, go to Content > Files.

  • Upload your font file. Supported formats are .woff2, .woff, .ttf and .otf. Use .woff2 if you have it; it's the smallest.

  • Copy the file's link.

2. Open the Custom fonts settings

Steps:

  • In the theme editor, click Theme settings.

  • Open Custom fonts.

  • Fill in the Heading font or Body font settings below.

  • Click Save, then preview your store.

3. Settings

  • Heading font

    • Override heading font: Replaces the heading font set in Typography.

    • Font name: A name for the font, for example "Montserrat".

    • Font file URL: The file link you copied from Shopify Files (.woff2, .woff, .ttf or .otf).

    • Font weight: Thin (100) / Extra Light (200) / Light (300) / Regular (400) / Medium (500) / Semi Bold (600) / Bold (700) / Extra Bold (800) / Black (900). Choose the weight that matches the uploaded file.

    • Fallback fonts: Fonts used if the custom font fails to load, for example "Helvetica, Arial, sans-serif". Default is "sans-serif".

  • Body font

    • Override body font: Replaces the body font set in Typography.

    • Font name, Font file URL, Font weight and Fallback fonts: Work the same way as for the heading font.

The custom font is only applied when the override is turned on and both Font name and Font file URL are filled in.

4. Tips

  • Each font file holds one weight. Upload the weight you use most, for example Regular (400) for body text.

  • The theme editor always previews your custom fonts. Check your live store to confirm they show there too.

PreviousCart
NextBadges

Last updated