Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

How to Add Google Fonts in WordPress Post Editor

Last updated on by
Special WordPress Hosting offer for WPBeginner Readers
How to Add Google Fonts in WordPress Post Editor

Fonts are one of the most important aspects of your WordPress blog, and in case you didn’t know Google has a library of about 300 webfonts that you can use on your WordPress site. Because they are hosted on Google’s servers they load quickly and they are also open source so you are free to use them as you wish. In this article we are going to show you how to easily access these fonts by using a plugin.

First thing you need to do is install and activate Supreme Google Webfonts Plugin for WordPress.

Once you have activated it, if you go to your post editor you will find an extra column at the top with a drop down list for choosing fonts.

Supreme Google Webfonts

You might notice that there is a second drop-down for choosing font-size as well. Also, if you are using WordPress multisite, don’t worry, the plugin can be activated on all of your blogs.

Download Supreme Google Webfonts for WordPress here.


Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »

Comments

  1. Gina says:

    Hello. I’ve installed it, activated it, chosen / saved my fonts… and it’s not showing up on my editor. Thoughts?

  2. Usman Jabbar says:

    Not working, Ive activated it

  3. White Falcon says:

    Hi, I installed the plugin, its good but it says that it installs 291 fonts but i only get 17. What do I need to do to get more?

  4. Lowell says:

    The plugin page says it adds 2-3 seconds to the page load time because the plugin calls each font or something. Then he directs you to purchase his google fonts add-on for ultimate tinymce because it’s the same developer.

    Is there no plugin for adding google fonts to the post editor other than that? WordPress is behind in the fonts department.

  5. BeckyWillis says:

    Thank you-this is a neat plug-in, I always have hosters asking how they can expand that feature and now I found it :).

  6. Davide Morotti says:

    And how to make button for different message box I see into the image?

  7. learningrl says:

    @wpbeginner Really cool! Thanks for sharing. Converting my blog to WP as we speak so this is perfect timing!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.