How to Change Fonts in WordPress

“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.

Facebook
Twitter
LinkedIn

17 thoughts on “How to Change Fonts in WordPress”

  1. Many, many thanks! You couldn’t have made it clearer — and less frightening! Really wonderful. Thank you.

  2. I am absolutely “brand new” at wordpress and websites and this was VERY helpful. Thank you so much for this descriptive video!!

  3. How do I change the font type while composing? Just the ones that are availabale like Times New Roman?
    Den

  4. 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

  5. Wow!
    This is an Excelent Tutorial which is detail and yet simple to understand. Look forward to more of such tutorial.

  6. 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)!

  7. 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?

    1. You have to install the Google Font plugin first. The Typography option is not part of default WordPress.

  8. 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

    1. 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.

  9. 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?

    1. 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.