How to Add Custom Fonts in WordPress

*(Get 50% OFF)*

learn how to add custom fonts to your WordPress website

🎬 𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗖𝗼𝗻𝘁𝗲𝗻𝘁𝘀
0:00 Intro
0:45 Change your font using the ‘Customize’ Option
03:30 Use a plugin to change the font
06:00 To change the fonts properly

📌 𝗙𝗼𝗹𝗹𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝘀𝗶𝗺𝗽𝗹𝗲 𝘀𝘁𝗲𝗽𝘀

👉 Method 1: Changing the Font using the Default ‘Customize’ option in WordPress.
Click Customize ► Global ► Typography.
(Now for some themes, this option may not be available
So If you don’t have this feature, you can skip to the second method.)
to change the Normal/Basic texts on your Page,
Click ‘Base Typography’ & choose the Font style in family dropdown.
Now, if you select a Font style, the Font will be changed on your Website.
If you want to change the Font of your Headings,
Go back and Click ‘Headings’ & choose the Font style you want in heading dropdown.
And the font of your Headings will be changed.
To Save changes, Click ‘Publish’.

👉 Method 2: Changing the Font using a Plugin.
Install ‘Google Fonts’ Plugin
Once the plugin is activated, go back to the ‘Customize’ tab & click ‘Refresh’.
Now click on Google fonts option, & go to Basic Settings.
Click the box below ‘Base Typography’.
And then choose the Font style you want.
To change the Font of your Heading,
Click the box below ‘Heading Typography’ & choose the Font style.
After clicking the Font style, the Font of the Heading on your Website will be changed.
To Save changes, Click ‘Publish’.
Now for some themes, the changes might not appear on the site.
To change the Fonts Properly, You need to enable an option in the ‘Customize’ option.
Go to ‘Customize’ ► Google Fonts ► Enable ‘Force Styles’.
Then click ‘Publish’.

This is how you can change the Font on your WordPress Website.

❤️ 𝗢𝘂𝗿 𝗥𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗧𝗼𝗼𝗹𝘀

🔥 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗚𝘂𝗶𝗱𝗲 - 𝗦𝗶𝗺𝗽𝗹𝗲 & 𝗘𝗮𝘀𝘆 𝗦𝘁𝗲𝗽𝘀 𝘁𝗼 𝗹𝗮𝘂𝗻𝗰𝗵 𝘆𝗼𝘂𝗿 𝗳𝗶𝗿𝘀𝘁 𝗪𝗲𝗯𝘀𝗶𝘁𝗲

🎓 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘁𝗼 𝗴𝗲𝘁 𝗯𝗲𝘁𝘁𝗲𝗿 𝗮𝘁 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀

🎁 𝗖𝗼𝘂𝗽𝗼𝗻𝘀

🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:

[WebsiteLearners]

*🚀 Check out these tools made by Website Learners*:

😥 Save Time Let AI Write For You ➜ Visit GravityWrite.com _(Rated 4.7/5 by customers)_
⚡ Get Lightning Fast Website at WebSpaceKit ➜ WebSpaceKit.com/offer

Thanks for watching! Share a screenshot of your WordPress site with the custom fonts you added after following this tutorial - I'd love to see what fonts you chose! 👀

[therealbabyworld]

great video - to the point, no unnecessary talking and extremely useful! Thank you!

[shan]

wow finally someone who speaks slow enough to follow along awesome!

[jimmcd]

Very clearly presented and paced. Thanks.

[jeffpaidel]

This video saved me a lot of frustration. Thankyou!

[devanshmody]

you guys are so good. Always come up with new things and teaching us. To be honest, your teaching style is amazing. Keep it guys. Always looking for new things from you guys...Thanks a lot for sharing with us.

[dharmendrapatel]

It's not a tutorials about the add a custom fonts from pc.. this tutorials explain about the how to change or enable a fonts heading, body paragraphs etc.. via plugins and themes section 👍👍

[Creative-jggq]

Hey - Need to know how to install a clients custom font to the library

[bybicyr]

Thank you very much. i understood what i don't know.

[roadtoprogramming]

Noce was looking for this for my current project

[KingsukGhosh]

Is there any option to upload external font in .ttf format in wordpress ?

[artsNprints]

How we can integrate font option tool in product categories for design and print website for customer user friendly where they can check fonts

[sedatkorman]

Thank you very much for your information. I wanted to change COLOR OF THE PRICE and Thickness in Woocommerce. Can I do it with this plugin you showed us ?

[SumTech]

Thanks for making such kind of informative video. Best Wishes from #sumtech

[mustylimantv]

U videos is the most awesome in YouTube I love ur channel, pls make video on how to clone any website in WordPress

[s.r.official]

I'm your first viewer and liker and comment
Big fan

[SunilKumar-yugg]

Sir, default font and system font both are same?
I want to use system font to decrease CLS score.

[TheRajnish]

Hi, thanks for the information. Can you please show how to use Hindi or Punjabi fonts in wordress?
Thanks