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.
@ 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.
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?
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.
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! ❤❤
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 ?
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.
🚀 Get access to my FREE Shopify Course:
👉eliaskrause.com/freeshopifycourse
make sure to like + subscribe
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.
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?
Been trying to find a solution for this.. awesome video, just subscribed, ty!
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.
Worked as a charm, thanks bud!
Thank you so much! The only helpful video on youtube
Thank you! The only method I could find that worked easily was yours. Subscribed!
Really helpfull! thank u so much!
Thanks can you use multiple custom fonts for your store. I would like to use 2 different fonts.
Thank you, it worked 👍
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 dont see the @font.face link to put in the base.css area?
Please assist, no link is available in any of my content in Shopify
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
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!
bro thanks a lottt you have no idea 3 days to find a solution
Thank you so much!
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.
Hey, Thank you so much for your help, subscribed for more of your videos!
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 ?
Congrats!!! Tks
THE GOD THAT YOU SERVE WILL NEVER FORSAKE YOU. YOU HAVE EARNED A SUBSCRIBER. Thank you!! :)
Very Detailed video very impressive 💖
Thank you so much!
Thanks bro, you saved me! Bless up.
Thank you bro
bro, god bless you!
Thank you! But how to add custom font to secondary font as its categories: Home, Catalog, Contact and so on.
use instead of
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.
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
Thank you so much.
You're welcome!
Hi! Does this work on sense theme?
Yes, it does work on all themes as far as I know!
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
This is klinging like German accent