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.
What's On This Page?
Change Font Type
You change font type as follows:
1. Go to Plugins > All
2. Click Activate below the Supreme Google Webfonts plugin.
3. Go to Posts > Add New (or Pages > Add New)
4. Write your post.
5. Highlight the text you want to change.
6. Select the font type from the Font Family drop down menu.
Click on Toolbar Toggle if you can’t see the font family or font size options to reveal the advanced formatting toolbar.
Change Font Size
You change font size as follows:
1. Go to Plugins > All
2. Click Activate below the Supreme Google Webfonts plugin.
3. Go to Posts > Add New (or Pages > Add New)
4. Write your post.
5. Highlight the text you want to change.
6. Select the Front size from the drop down menu.
Click on Toolbar Toggle if you can’t see the font family or font size options to reveal the advanced formatting toolbar.
Change Font Color
1. Go to Posts > Add New (or Pages > Add New)
2. Write your post.
3. Click on Toolbar Toggle to reveal the advanced formatting toolbar.
4. Highlight the text you want to change.
5. Select the color from the Text Color dropdown menu.
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.
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.