How To Add Custom Fonts To Shopify | Change Font

In this tutorial i will show you how to upload and add custom fonts to your Shopify store and change font for any theme, first download the font you like then we will convert it to woff file extension then we will upload it to the assets folder on our Shopify store.
Adding custom fonts to your Shopify store is really important because as you may know, having a unique and eye-catching font can make all the difference when it comes to standing out from other stores and making sure that your customers have an enjoyable experience while shopping on your site, Not only do custom fonts provide visual interest, but they can also be used as a way of creating brand recognition for your Shopify store.
By using high quality, interesting custom fonts in key areas like logos or product descriptions you will create a more memorable impression with potential customers which could help increase sales over time, So uploading and adding custom fonts to your Shopify store is really important now nowadays due large number of competition so its a must to stand out.

Classes for adding fonts to the whole store : h1,h2,h3,h4,h5,h6,body,p,a

About me:
My name is Anas El Medlaoui and i have been around digitally for 8 years making Websites, Mobile Applications, Social Media Promotions, E-commerce etc...
And i have accumulated some experience in multiple fields over the years jumping from project to project (Which wasn't a good idea), I started this Youtube channel after a year of hesitation to share my knowledge and experience with people that are willing to succeed online with the theory of knowledge for everyone.

#custom #fonts #shopify

[rafaelcorerato]

Wow, after watching many, many videos for hours and still not being able to get it, you were able to show me how to do it in less than 5 minutes. You are awesome!

[naturesjoint]

literally the best. most clear advice, i spent ages on so many other pages/videos. thank you

[renatakuti]

You are literarly the best. Can't thank enough for this video, honestly. The way you say 'font' by the way, made me spit my water I drank I laughed so much, sooo cute :)

[Hdhdjfk]

Hey, the tutorial was very clear. I watched and repeated the process with multiple stores and fonts but on the actual store the font always ends up to be a same basic italic random font. Can you help me?

[hvjdwol]

Thank you so much, it did work! However, when I wanted to check the website from my phone, the fonts were not the ones I just added. So that means only people that have installed those particular fonts on their computers/phones are able to see the fonts I customised the website with?

[noahintiso]

Thank you so much! Very clear, concise, and helpful!

[clipsofmma]

This worked perfectly. Thank you sir. You deserve a like and follow

[MarketingWithZacoda]

Worked like a charm. Thanks for the help!

[PtSallyAnn]

Hey Enes !! I followed few videos of yours and always very helpful. I very appreciate your support from far.
I wonder If I could ask for a tutorial for the Header, when the header on the home page (in my case) is in white text over a video just like in your shopify, now when I scroll down the white text desappears with the white backround of the page. It would look awesome if the heading fade in with a opacity backround when scrolling down of the video and up.
I´ve been loocking and many videos and coding I´ve tried a few but nothing has given me the solution. If you have the time I would very appreciate it.
Thank you so far for all your information given.
Sally :)

[just_toko]

Great tutorial! It was so easy to follow! Thank you for sharing your knowledge!

[xjlmxct]

is there anyway to change the line height and other such settings in this method?

[dynamokill]

Thanks so much. A nice and clear explanation.

[krkuslo]

this is so great thank you! may i ask - how do you change font size and the custom font doesnt come up on mobile view! are you able to help me? thanks!

[salimmohsin]

how do I change the font for a specific paragaph in my product page desription on the products section

[d]

Great Video! I do have one question though, can you still add multiple custom fonts after adding one?

[SmartServe_official]

hello, i want to change the font in my announcement bar, but I don’t know what code I have to add. It keeps telling me that there is no h1 in this section. Please help me

[jessehayward]

Hey! This was a great video, however I have a question.

This uploads the custom font to my entire website EXCEPT for my cart and my checkout, how do i get it to do that? I added 'system' to the h1, h1, h3 etc list, am i missing something?

[stefansommerer]

hi, great instructions, thank you! Unfortunately, my stars no longer work on the judge me form. These are only shown as squares. but only in the widget form.

[zeinaalkhaznachi]

this was very useful, thank you! can you please advise how to add multiple custom fonts, so for example, if the heading font is different from the body font?

[dbfmnel]

Hi! This was very helpful. I just have one more question. Is it also possible to use this code twice in de base.css?

Because I want to use a particular front as h1 to h6 and I want to use an other font for my body text. When I tried this, it wasn’t working. Hope to hear from u soon!