How can I add a custom font type to my online store?

Store Design
, ,
1

Hello guys!

Could somebody help me out on how I can add my own font type to shopify?

Thank you in advance!

2

did you explain what do you mean by own font type?

and also theme name and url of store

1 Like
3

Yes, I can explain - I mean any font from the web, for instance I am trying to upload Mons Olympia font.

My theme: Dawn
Link to the store: goldenlifters.com

Thank you for your reply!

4

sure here are steps for uploading the fonts
step 1 : Download the woff type of the required font.
step 2: in files upload the woff file and copy the url
step 3. create snippet withe following code
@font-face {
font-family: ‘Sequoia’;
src: url("https://cdn.shopify.com/s/files/1/0718/9970/9739/files/Sequoia.woff?v=1676384691") format(“woff”);
}
(paste the link that you copy from files)
step 4: Snippet that you create add it to the theme.liquid
like
{% render ‘name of snippit’ %}
step5: call the class where you want to add font like below example

  1. h1,h2,h3,h4,h5,h5,h6 {
    font-family: ‘Sequoia’;
    }
    body {
    font-family: ‘Sequoia’, sans-serif;
    }
    in above example i can implement the to all heading and body text .
    hope it will helps you best wishes .
    please like and accept as a solution if it works for .
5

if you want to apply on all over the store instead of specific headings then in theme.liquid search the --root where font it used