How to add custom font to checkout screen?

Hello,

I was able to add a custom font (Restora) to our web page via the below code, but it does not appear to carry over to the checkout page. Does any one know how to add a custom font to the checkout screen? For reference, here is the line of code I used to add this custom font to the rest of our page:

"@font-face {
font-family: “Restora”;
src: url(“Restora.woff2”) format(“woff2”),
url(“Restora.woff”) format(“woff”);
}

h1,h2,h3,h4,h5,h6,body,p,a { font-family: “Restora”!important; }"

Url is beejfarms.org | pw is beej123 - Thank you for your time!

1 Like

hi @beejfarms ,

For your issue, the first you need import the font file into assets folder, then you call those file into style file css of theme.

And all the step need implement in directly in code, so you can follow this video and doing step by step:
https://www.youtube.com/watch?v=bjkMxZ98JYI

Hope will can helpful to you!

If have any regarding technical, don’t hesitate let’s contact with me. Thanks!

1 Like

@beejfarms

do you have Shopify plus plan?
checkout page customization allow only shopify plus plan

1 Like

Hi, PHAVIA. Thank you for your time. The font style has been changed for all areas of the website, yet the checkout page remains the same. Below is a screenshot of the home page vs the checkout page. Any idea how I would get the font on the checkout page to accept the font? Theme is Narrative if that helps. Thank you.


hi @beejfarms ,

one thing important for you, Do you the store have Shopify Plus?
If your store is Shopify Plus, the solve very easy. But if not we cannot customize the font or style in checkout page.

1 Like