3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website
Print Friendly, PDF & Email

You can change the font type and size in your posts using the Supreme Webfonts plugin and the text color using the Text Color icon in the advanced formatting toolbar of your visual editor.

The Supreme Google Webfonts plugin adds Google webfonts into a nice dropdown list to your visual editor which you can use to change your font type and/or font size.

Change Font Type

You change font type as follows:

1.  Go to Plugins > All

Plugins

2.  Click Activate below the Supreme Google Webfonts plugin.

3.  Go to Posts > Add New (or Pages > Add New)

Add New Post

4.  Write your post.

5.  Highlight the text you want to change.

6.  Select the font type from the Font Family drop down menu.

Font family drop down

Click on Toolbar Toggle if you can’t see the font family or font size options to reveal the advanced formatting toolbar.

Toggle Toolbar

Change Font Size

You change font size as follows:

1.  Go to Plugins > All

Plugins

2.  Click Activate below the Supreme Google Webfonts plugin.

3.  Go to Posts > Add New (or Pages > Add New)

Add New Post

4.  Write your post.

5.  Highlight the text you want to change.

6.  Select the Front size from the drop down menu.

Font size

Click on Toolbar Toggle if you can’t see the font family or font size options to reveal the advanced formatting toolbar.

Toggle Toolbar

Change Font Color

1.  Go to Posts > Add New (or Pages > Add New)

Add New Post

2.  Write your post.

3.  Click on Toolbar Toggle to reveal the advanced formatting toolbar.

Toggle Toolbar

4.  Highlight the text you want to change.

5.  Select the color from the Text Color dropdown menu.

Text Color

6.  Preview your post to make sure the text is readable and you like the color.

Additional Fonts

By default, you’ll see 26 Google Webfonts in the font family dropdown list in your visual editor.

Additional fonts can be added to the dropdown list as follows:

1.  Go To Settings > Writing.

Writing

2.  Select the fonts you want to add and then click Save Changes.

  • It’s best to only select fonts you intend to use, and limit the number you select, because enabling lots of additional fonts will slow down loading of your blog.