How To Add A Custom Font To Any Shopify Theme

Hi! Are you searching on how to add a custom font to the Shopify theme or store then your search just ends there. This today's blog consists of steps in using you do not need to go back to the theme code editor to change font family all the time. The simple code I will mention below will solve all your confusion related to adding the desired font to the Shopify store.
Get My Services
www.fiverr.com...
Get Code With My Technical Support
www.buymeacoff...
Code
www.faisalcode...
Category slider for Shopify
• How To Change Cart Ico...
Announcement bar slider
• How To Develop an Anno...

[@ignoranciaatrevida8981]

Finally a tutorial that works simply and quickly.
Thanks dude!

[@faisalcodex]

Thanks for your feedback

[@farukweb]

Really Nice tutorial for custom font supported...

[@faisalcodex]

Thanks for your valuable feedback.

[@emanfatimalittlebeautician9816]

You method of teaching is stunning. 😍😍...

[@faisalcodex]

Thanks a lot.

[@giselljames]

This worked great on 2/25/23! One thing is when you get to step 4, and you add this “{% section ‘custom-font’ %}” you have to delete the apostrophes around 'custom font' and add them back in. Otherwise, you'll get an error message. Hope that helps.

[@faisalcodex]

Thanks for adding your feedback there.

[@emanfatimalittlebeautician9816]

Wow very informative... I have watched your all videos.... I will request to make more videos like that... Good luck Sir

[@faisalcodex]

Thank you so much. Stay tuned.

[@Syedgoatfam]

Many thanks Finally it works 🙂

[@faisalcodex]

You are very welcome. Stay connected for upcoming tutorials.

[@nath2342]

Thank you

[@faisalcodex]

You're welcome

[@Eazy_Haks]

Thank you Faisal , very helpful , god bless you

[@faisalcodex]

You are very welcome.

[@faisalcodex]

You are very welcome.

[@EmmaMarchesi-i2z]

Great video, was so helpful and so much easier than all the other tutorials I've read/watched on how to do upload a custom font! Quick question, is there any special adjustments that need to be made if you wanted two custom fonts on your website. For example, one for headings and another for paragraphs of text. When I uploaded mine all of my text on my website was the one i wanted for headings and I needed a different one for paragraphs of text. Thanks in advance!

[@pocketman5510]

Error when trying to get code. WHY IS ADDING A FONT SO HARD

[@faisalcodex]

Please try the link now.

[@xeriaseaton7128]

Thank you so so so so much! this worked June 3rd 2023 remove the apostrophes and replace like comment below and it should work fine!

[@faisalcodex]

You are welcome and thanks for your feedback.

[@astrovivo]

is there a way to make font smaller on the code? thanks a lot for this method!

[@faisalcodex]

Yes. You can select a proper element using tag, class, or group selector and then use the below example
h1{
font-size:20px;
}
h1 can be your tag, class, ID or group selector.

[@AGetBready]

Thank u 🐐🐐

[@faisalcodex]

You are most welcome

[@mihai_miron_]

This video is a life saver, thank you soo much, it helped a lot, i wanted to ask how i can put two custom fonts on the website, like one font for the main titles and another one for the description, Thank you

[@faisalcodex]

It can be done. Just need to do some code. If you are looking to be done this then fill-up form or contact me so that I able to fix that issue for you forms.gle/SNdDgTe2cukpgYQ89

[@mihai_miron_]

@@faisalcodex i've sent the form, hope you can help

[@faisalcodex]

@@mihai_miron_ I have responded you.

[@erinnlamattery5075]

thank you!

[@faisalcodex]

You are very welcome.

[@SM-wj9gl]

can you please make a video on how you did the coding of your website it’s so cool

[@faisalcodex]

@SM Yes I will share a complete video on how I use to make a website like that.

[@rahatchowdhury9594]

Thank you :)

[@faisalcodex]

You are very welcome. Stay tuned.

[@RhythmAjanku-pu2eb]

Oh yea this is the one. Works perfect.

[@RhythmAjanku-pu2eb]

02/28/23

[@faisalcodex]

Thanks

[@user-45446]

Great method 👏 👌 How shopify code theme displayed different colour can you let us know. Thanks.

[@faisalcodex]

Tutorial Recorded on your request. ua-cam.com/video/5-aDOtj9Ek8/v-deo.html

[@RGPlayer]

the code isnt able to be acquirred anymore

[@faisalcodex]

Please try the link now.

[@gilly9848]

Only some letters of the new font gets converted, mainly only the first letters of a word

[@faisalcodex]

Try to replace your font with another font and then check. If still an issue contact me by filling up this form forms.gle/kXNQztM66GBwoRoT7

[@ramraver3004]

the link for the code doesnt work anymore can u update it please ?

[@faisalcodex]

Link is updated please try again.

[@lewagofficial]

Hi, your link doesn't seem to work. Can you let me know where we can get the coding?

[@faisalcodex]

I just updated the link Try again.

[@Yassu55]

Doesnt work on mobile (safari)

[@faisalcodex]

It works on all devices. Try to change your font

[@DreamBigDiaries]

Why when i click save the font disappear?

[@faisalcodex]

Please share screenshot using my facebook page or my email.

[@mahar796]

G thek a

[@faisalcodex]

Acha g.

[@torinweismiller8133]

Absolutely magnificent!!! Use a service like Promo`SM.

[@faisalcodex]

Thanks