WP SITES

3083 Coded Tutorials & 287 Plugins

Add Google Web Fonts To Your WordPress Editor

This tutorial enables you to add any number of Google web fonts to a drop down list of web safe fonts on the 3rd row of your TinyMce editor like this :

google-font

The above image shows the Lato font has been added to the list of browser safe fonts supported by all browsers.

  1. The 1st step is to install the Fonts plugin.
  2. The 2nd step is to install the custom fonts plugin which extends the fonts plugin and upload your Google fonts.

Uploading Google Fonts

Uploading Google fonts for use in your WordPress visual editor is simple :

You can use the following file types :

  • WOFF
  • WOFF2
  • TTF
  • OTF

7 responses to “Add Google Web Fonts To Your WordPress Editor”

  1. Daniel Witte Avatar
    Daniel Witte

    Hi,
    I followed instructions but it does not work, selected google fonts do not appear in wysiwyg font options..
    I’m using Bridge theme.

    1. Brad Dalton Avatar
      Brad Dalton

      Hi

      This is a premium extension and won’t work until you install the Custom Fonts Plugin

  2. I couldnt figure it out.. I cant change the font.
    I am super new at this. Can you help me
    Thank you

    1. Brad Dalton Avatar
      Brad Dalton

      What theme are you using?

  3. Add Custom Fonts To The WordPress Editor

    […] Add Google Web Fonts To Your WordPress Editor […]

  4. crazydude Avatar
    crazydude

    wow this looks sort of easy, im a super beginner but i think i could do this
    great tutorial thanks

Leave a Reply

New Plugins