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

It’s really simple to change the font type and size in your posts using the Supreme Webfonts plugin and Select 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.

Click Activate

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.

Select font type

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

Toolbar Toogle

 

Change Font Size

You change font size as follows:

1.  Go to Plugins > All

Plugins

2.  Click Activate below the Supreme Google Webfonts plugin.

Click Activate

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.

Change font size

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

Toolbar Toogle

Change Font Color

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

Add New Post

2.  Write  your post.

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

Toolbar Toogle

4.  Highlight the text you want to change.

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

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