How To Add Custom Fonts To Shopify (2025 Easy Tutorial)

[@HowToShopify1]

🚀 Get access to my FREE Shopify Course: 👉eliaskrause.com/freeshopifycourse make sure to like + subscribe

[@HummLocal]

Been trying to find a solution for this.. awesome video, just subscribed, ty!

[@KuramaeCC]

I think the point is to not to convert to woff file like the other videos. This worked great!

[@Maxgnir]

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.

[@HummLocal]

Being able to apply for a specific section is exactly what I was hoping to do... ty for this, awesome and very much appreciated.

[@Maxgnir]

@ 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.

[@patrick-resendiz]

Thank you! The only method I could find that worked easily was yours. Subscribed!

[@WimSagaert]

Worked as a charm, thanks bud!

[@tehniyatshafqat333]

Thank you so much! The only helpful video on youtube

[@lauramudge3649]

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.

[@anthonyshaphat4945]

Hey, Thank you so much for your help, subscribed for more of your videos!

[@ademola2]

THE GOD THAT YOU SERVE WILL NEVER FORSAKE YOU. YOU HAVE EARNED A SUBSCRIBER. Thank you!! :)

[@isabellagalvan2015]

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?

[@junhao0420]

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! ❤❤

[@HowToShopify1]

Glad it helped!

[@birdclubdotclub]

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.

[@saintmaryum1693]

What code (instead of h2) do I use if I want to change the font on the entire site?

[@kri5tian406]

Curious if we have to add them all individually or if we can seperate it by a comma on the same line?

[@tehniyatshafqat333]

You can just add comma and enter the other h1,h3,h4 etc and it will work. It worked for me

[@MotivateMindset07]

@@tehniyatshafqat333 if I want to add another custom font, will it be the same process?

[@tg.plants]

header, h1, h2, h3, h4, h5, nav, body, title, p

[@mightyblowfish]

Thank you, it worked 👍

[@interestingvideos987]

bro thanks a lottt you have no idea 3 days to find a solution

[@sevimspaulding9805]

Thank you so much!

[@Bymaryaminc]

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?

[@HowToShopify1]

From my understanding you can also add the code later on

[@affanzafar2576]

Very Detailed video very impressive 💖

[@HowToShopify1]

Thank you so much!

[@franc0tic0]

Thanks bro, you saved me! Bless up.

[@1040_motors]

I've watched maybe 5 videos before this one and i can say that this method works in june 24 !

[@sophiewhite2885]

just tried it and it doesnt work

[@1040_motors]

@@sophiewhite2885 Then check your code or ensure what you added all the element you needed in the last step

[@jasmindrace]

Thanks can you use multiple custom fonts for your store. I would like to use 2 different fonts.

[@Tweakerlmaooo]

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

[@Tweakerlmaooo]

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 ?

[@melodytransmitter2811]

bro, god bless you!

[@jibranabduljabbar6330]

Thanks It's working

[@EmmyK5]

Hi! Does this work on sense theme?

[@HowToShopify1]

Yes, it does work on all themes as far as I know!

[@byJohnda]

Thank you! But how to add custom font to secondary font as its categories: Home, Catalog, Contact and so on.

[@tg.plants]

use instead of

[@joey7245]

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.

[@ranger9980]

Thank you bro

[@FelixInUbiqle]

Thank you so much.

[@HowToShopify1]

You're welcome!

[@SarahRama-n7g]

I cannot find the base.css

[@minulmirdha1305]

im pretty sure it depends on ur selected theme, it might be some other css file in ur assets folder

[@Sneha-cb6yv]

Thank You So Much...