How To Add Custom Fonts To Shopify (2025 Easy Tutorial)
Вставка
- Опубліковано 9 лют 2025
- ⭐️ Extended Shopify Trial ▶ eliaskrause.co...
🚀 FREE Shopify Course ▶ eliaskrause.co...
In this Shopify Tutorial I will show you How To Add Custom Fonts To Shopify
WhatFont: chromewebstore...
Google Doc: docs.google.co...
📚 FREE Resources for Shopify
▶ Best Shopify Themes: shopify.pxf.io...
▶ Shopify Case Studies: shopify.pxf.io...
▶ Product Pricing Calculator: shopify.pxf.io...
▶ Product Photography Checklist: shopify.pxf.io...
🧠 Useful Offers/Apps
▶ Create Better Converting Shopify Pages: eliaskrause.co...
▶ $1,500 TikTok Ad Bonus: eliaskrause.co...
▶ Viral Ecom Adz (15% OFF with "KRAUSE"): eliaskrause.co...
▶ Debutify: eliaskrause.co...
✅ General Tool Recommendations: krausetutorial...
Chapters
This video's description may include affiliate links. This means if you purchase a product I recommend, I'll earn a small commission at no extra cost to you. Your support helps sustain the channel, enabling me to produce more content like this. Thank you for your support!
🚀 Get access to my FREE Shopify Course:
👉eliaskrause.com/freeshopifycourse
make sure to like + subscribe
this worked in contrast to all the other tutorials hell yeah
I think the point is to not to convert to woff file like the other videos. This worked great!
I also want to add that if you only want that font in one specific section don’t paste the second code in base.css.
Open the theme and select the specific section you want it in.
Go to the bottom of the editor and paste the second code in the “custom css” field.
Edit it like he said but this time it will only affect that area.
Being able to apply for a specific section is exactly what I was hoping to do... ty for this, awesome and very much appreciated.
@ Super happy I was able to help. I’m not a coder, just dabble a bit with code others provide for.
Feels great to pay it forward, may your store fit your mental image.
Been trying to find a solution for this.. awesome video, just subscribed, ty!
Thank you! The only method I could find that worked easily was yours. Subscribed!
This is great! Thank you so much for making this video so easy to follow and the doc with the code lines. I appreciate you.
Thank you so much! The only helpful video on youtube
Worked as a charm, thanks bud!
THE GOD THAT YOU SERVE WILL NEVER FORSAKE YOU. YOU HAVE EARNED A SUBSCRIBER. Thank you!! :)
Really helpfull! thank u so much!
Thank you! There was another method that worked for me for a while, but then I updated to the most recent version of my theme (Sense) and that particular code stopped working. My font reverted back to the system font. Your method above solved the issue, and works perfectly with the most updated version of the theme.
Hi, when I do this the font comes out black for the flora theme on the first page but is the color I selected the headings to be. How do I change this so I can adjust the color?
holy cow！ the video is nice and easy to do, 1 time and I already change my shop to custom font,
I can guarantee just need to follow step by step and u can change your font accordingly
Thanks! ❤❤
Glad it helped!
Congrats!!! Tks
Thank you, it worked 👍
Hey, Thank you so much for your help, subscribed for more of your videos!
Thank you so much!
bro thanks a lottt you have no idea 3 days to find a solution
Very Detailed video very impressive 💖
Thank you so much!
Please pay attention to the font license when downloading and installing a custom free font. Many of them come with only a "Personal" license. When a font is released under a personal license, its use on websites is generally restricted to non-commercial purposes. This means that you can use the font for personal projects, such as personal websites, blogs, or portfolios, but not for any commercial activities, including e-commerce stores, business websites or any project intended for profit. Please be careful out there.
What code (instead of h2) do I use if I want to change the font on the entire site?
Curious if we have to add them all individually or if we can seperate it by a comma on the same line?
You can just add comma and enter the other h1,h3,h4 etc and it will work. It worked for me
@@tehniyatshafqat333 if I want to add another custom font, will it be the same process?
header, h1, h2, h3, h4, h5, nav, body, title, p
I've watched maybe 5 videos before this one and i can say that this method works in june 24 !
just tried it and it doesnt work
@@sophiewhite2885 Then check your code or ensure what you added all the element you needed in the last step
Thanks can you use multiple custom fonts for your store. I would like to use 2 different fonts.
Great video! Can you add a custom font after you’ve already created majority of your website? Does the new uploaded font replace all the text?
From my understanding you can also add the code later on
bro, god bless you!
Please assist, no link is available in any of my content in Shopify
Thank you so much.
You're welcome!
Thank you bro
Thanks bro, you saved me! Bless up.
Thank you! But how to add custom font to secondary font as its categories: Home, Catalog, Contact and so on.
use instead of
If I wanted to apply it to more than one html tags would I just add it to the code with a comma after the first tag ? I'm a bit confused I'm trying to use the font on multiple parts of the website not just on the header
Like I'm trying to just have everything on the website be the one font, is there a simpler way to do that ? Would I just not have to include the lower half of the code ?
Thanks It's working
Thank You So Much...
I cannot find the base.css
im pretty sure it depends on ur selected theme, it might be some other css file in ur assets folder
Hi! Does this work on sense theme?
Yes, it does work on all themes as far as I know!
This is klinging like German accent
I dont see the @font.face link to put in the base.css area?