ERROR:

  • ${message}
${toast_message}

Add your custom font in Shopify

Tired of basic fonts? Upload your custom font files to your Shopify store and then copy/paste the links here. We generate the code to apply the font to your site!

How to Use

Install Design Packs

The perfect toolkit for your Shopify theme.

Design Packs is a powerful Shopify app that helps you create beautiful, high-converting Shopify websites.

With 170+ customizable templates, pages, and sections to choose from, Design Packs makes it easy to create a professional and user-friendly store that stands out from the competition. Design Packs is crafted by Shopify professionals who have honed their skills at top theme companies and collaborated with both large and small clients.

Font Wizard

* This is usually in the font file name - eg. CeraPro-Regular.woff would be Cera Pro. Don't include the .woff or the style. Just the font name please!

Related Fonts:

  • ${current_font.font_family} ${font_style.font_weight} style: ${font_style.font_style}

Font Library

We'll save this for you until you close your browser or clear your browsing session.

Need to add additional styles to any of these fonts? Type the same font name into the Font Wizard again and add your new style.

  • ${ value.font_family }
    • ${font_style.font_file} Weight: ${font_style.font_weight} Style: ${font_style.font_style}

Style Picker

Main Headings (h1, h2)

Small Headings (h3, h4, h5, h6)

Body Text

Click on any of the content below to edit/ preview your own text

Main Heading

Small Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt distinctio assumenda saepe soluta facere laudantium libero unde provident, explicabo voluptates. Explicabo consectetur, quis doloribus eaque?

Generated Code

Include code for:


          ${font_face_css}
          ${css}
          ${theme_css}