• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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 :

Register for full access

Related Tutorials

  • Add Custom Fonts To The WordPress Editor
  • Beginners Guide To Installing Google Fonts

Reader Interactions

Comments

  1. Daniel Witte says

    October 11, 2017 at 2:26 am

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

    Log in to Reply
    • Brad Dalton says

      October 11, 2017 at 2:51 am

      Hi

      You did install the fonts plugin first?

      Log in to Reply
  2. uzumati7 says

    February 10, 2016 at 7:27 pm

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

    Log in to Reply
    • Brad Dalton says

      February 10, 2016 at 7:30 pm

      What theme are you using?

      Log in to Reply
  3. crazydude says

    March 27, 2015 at 12:43 pm

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

    Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems