How can I add more fonts to my checkout page?

How can I add more fonts to my checkout page?

Shopify Partner
1 0 1

I would like to add more fonts for the checkout page for us to match it with the website

The choices there is so limited compat

Reply 1 (1)

Shopify Partner
104 6 21

Hi @uixpioneer 


Vian from FoxEcom here. Here's my advice for you:


1. First, download the font and convert it to woff2 format

2. In your Shopify Admin, choose the theme > Edit code > Assets folder > Upload that font 

3. Add it to base.css or style.scss or theme.css of theme.scss.

4. Then you can use it for any element 🙂


Here are the tools

- To browse for new fonts: and 

- To convert the font file to woff2: 


Hope this helps 🙂

Find my answer helpful? Give it a like :]
Try Foxify now - #1 Conversion-focused page builder.
Use FoxKit free - All-in-one Sales Boost.
FoxEcom smart solutions impact sales, costs, and profit all at once.