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.

The 1st step is to install the Fonts plugin.

Then you simply add the following PHP code from the download folder to the end of your child themes functions.php file:

Register or login to access the download folder :

Related Tutorials


Comments

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

      You did install the fonts plugin first?

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

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.