How to Use Icon Fonts in WordPress Post Editor

Icon fonts are vector icons used as fonts and are popular among web designers because they look prettier than bitmap images. They can be resized without losing quality and styled using CSS this is why many WordPress themes use icon fonts. In this video, we will show you how to use icon fonts in WordPress post editor.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:

Follow us on Twitter:

Checkout our website for more WordPress Tutorials

Summary of this Tutorial:

First thing you need to do is install and activate the WP Visual Icon Fonts plugin and choose from either Font Awesome or Genericon fonts.

To use these icon fonts you need to create or edit a post, and you will see a Icons button next to the Add Media button.

Clicking on the Icons button will open a drop down menu of all the icons available in the icon font set and selecting one will insert it into the post editor.

If you change to the Text editor while the icon is in the post editor then you will be able to see and copy the HTML associated to that icon font.


Posted in

Leave a Comment

You must be logged in to post a comment.

How to S.T.A.R.T.

an Online Business

Learn how to choose a profitable business model, get the funding you need, pick a market, refine your plan and launch your business!

Free 5 Day Mini Course

Let me build your blog and it will be...





Save Time. Save Money.