How to Add Custom Fonts in WordPress Manually and Using a Plugin

Are you looking to customize the font on your WordPress site to make its design exactly how you like? Not all themes have a built in method to edit the font of your site and you may be looking to change this. In this video, we will show you how to add custom fonts to your WordPress site.

--Links--

►Written Tutorial - How to Add Custom Fonts in WordPress Manually and Using a Plugin

--Top Resources--

Use Promo Code WPBVIP

--Related Videos--

Select the fonts you want to add and there should be a new section at the bottom of the page where you can see the fonts you selected to add to your WordPress site. Expand that area and ensure you are under the Embed section for the correct code that you will need to add to your header.

For adding the code you would want to use the plugin Insert Headers and Footers found here:

Under Settings, Insert Headers and Footers you will add the first set of code to add the fonts to your site. With that added and saved you will want to go under Appearance, Customize, Additional CSS and there you would be able to add the second code which lets the font be visible to you and your visitors.

The plugin will add a new section under Appearance, Typography and there you will be able to select the font to use for each style location. We would still recommend only two fonts to prevent confusing your users.

With that plugin, you would be able to select fonts from the Typekit website, add the ID from the popup, and select where you want the custom font for your WordPress site to appear in your Appearance, Customize, Additional CSS section.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Check us out on Facebook

Follow us on Twitter

Checkout our website for more WordPress Tutorials

[GaryLum]

Thanks. This tutorial was really very helpful.

[arnaudguillard]

Thank you for this tutorial ! 
When I want to change the Font Size it doesn't work (the size is the same from 10 to 100px) you know how I can figure it out ?

[johnalmighty]

When you’re bringing in fonts through the CSS portal, are we able to use the across the board? Or is it only for footers and headers?

[adelaalbertova]

Thank you for this video! I love the 2nd method! I felt super frustrated today and now I am sooo excited. My website is being finalized.

[konjitales]

Hi
Finished using the tutorial and was able to successfully change the body font family(paragraph) however the header remained the same even though I changed the type in all the group (To the same family btw). What could I have done wrong? Please help

[nanda]

Hey..nice info...I liked the 2nd method!!

[freedomlifestyle]

Thanks, it worked like a charm:) I have a question though.If i installed google fonts plug in do I still need to install header and footer plug in and add css code?

[ClarkTelecom]

I could not get "Easy Google Fonts" to work with Wordpress Theme 2016 for Post_Titles, but with Wordpress Theme 2017 it works on Post_Titles. Thanks for great video.

[icantexplainmyfeetjuliecon]

thanks that was great. you went a wee bit fast at times, as in settings customise css code.. but at least I can pause. I recently installed google fonts but didn't do all the heading settings so that was useful. some of the fonts don't work right as I haven't changed that. so will get on to that right away....

[GoMinivan]

I love you. I'm so scared to do ANYTHING with my wordpress site fearing that it will poof into the thin infinite void. This took 2 real minutes!! HUGS from Minnesota

[walaabdelali]

This is by far the best vieo I've watched about chnaging font! thank you so much for your help!

[samh]

This doesn't work when trying to change my title. The plugin only applies to paragraphs and headers.

[alexturton]

Hi, I did the google method and my body text changed fine but the headings didn't seem to change at all.. any advice?

[hdtvtelugu]

I use the first method. It helps in adding all header scripts like google codes - analytics, adsense; bing codes, multi language fonts etc. Multiple use.

[khechasamiha]

Please can I understand why doas Tw Cen Mt font not existing in google font library!

[marsonramos]

Help me please, is it possible I send my own font to wordpress server and use it?

[ashishchaudhari]

I am using Hestia theme ...google font not working on my website, please tell me what to do

[ProlocalUkwebdesign]

Hello there, what is your preferred Wordpress page builder ? I work with a few although my favourite is undoubtedly Oxygen.
Many thanks for your effort in this video footage - very good stuff!!
😀😀😀😀

[gurmeetsliet]

Thank you very much fro such an informative video.
How to use 2 different fonts in a single paragraph. Actually, My website is regarding mathematics. I have to use different font for math symbols and different font for other text.
Please help me out.

[carolinajimenez]

Answered to exactly what I was needed to do. Thanks!