“How do I change fonts in WordPress?”
That’s one of the most common questions I hear from WP Apprentice members.
In the past typography on the web has been a bit of a challenge, limited by the fonts that are commonly available on most computers. Fortunately, the state of type on the web has improved recently with the widespread adoption of web fonts. In this video, I’ll show you how to spruce up your website by adding Google Web Fonts to your WordPress theme. I demonstrate three different ways. Regardless of your skill level, there’s no reason to limit yourself to the tired old fonts most websites have been using for the last decade.
17 thoughts on “How to Change Fonts in WordPress”
Excellent post and great tutorial,
Thanks for sharing it.
Pablo
Many, many thanks! You couldn’t have made it clearer — and less frightening! Really wonderful. Thank you.
I am absolutely “brand new” at wordpress and websites and this was VERY helpful. Thank you so much for this descriptive video!!
Thank You, Kirk very helpful
Hi Kirk, what font is your “WP Apprentice” headline? Thanks
Hi Chris,
It’s called Yeseva One. You can find it in the Google Fonts library.
How do I change the font type while composing? Just the ones that are availabale like Times New Roman?
Den
Hi Den,
I assume you want to see the font change on your post as well, not just in the post editor. If that’s the case, you want to change the font in your CSS stylesheet. Or, if you just want to apply a new font to a paragraph, or even just a few words, you’ll need to create a CSS class and then apply it to your text by wrapping it like this: your text goes here.
I realize this is nothing at all like working in Microsoft Word. The styling of modern web pages is controlled entirely by CSS. The old tag is deprecated and will cause you problems in the future.
If you haven’t already, take a look at the HTML and CSS videos in the new Web Basics module.
KIrk
Wow!
This is an Excelent Tutorial which is detail and yet simple to understand. Look forward to more of such tutorial.
Now I understand that line in our designer’s CSS that mentions the font he used on the site! And it is a web font. Aha! Thanks, Kirk, for further increasing my WordPress knowledge (although I am not ready to tackle fonts as a designer)!
This helped me out so much. Thank you!!
I am not finding the ‘typography’ tab on the wordpress admin page for the site I just created. Do you happen to have an updated tutorial for the current version?
You have to install the Google Font plugin first. The Typography option is not part of default WordPress.
Hi! How do I change the font on the headers of my plugins, for example “Twitter” “Instagram”, “Facebook”. Currently their not the same as everything else and I can’t see where to change them. Thanks
Hi Imogen,
Every plugin is a bit different, but it’s very likely you’ll have to change those fonts using CSS. I would contact the plugin developer and explain your problem. Chances are plenty of other users are having the same problem. They might be able to provide you with a code snippet you can add to style.css to reset those fonts.
How do I change the font of menu, I try the plug in one. It seems to be working on the paragraph only. I already checked the other options, but it doesn’t make any difference. Can you please help me?
Hi, the plugin method likely won’t work to change the menu font. You’ll need to use the CSS method instead.
Comments are closed.