How can I add more fonts to my checkout page?

uixpioneer
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)

vian_FoxEcom
Shopify Partner
104 6 20

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: https://freefontsfamily.com/ and https://www.cufonfonts.com/ 

- To convert the font file to woff2: https://cloudconvert.com/otf-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.