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:
http://www.wpbeginner.com/plugins/how-to-use-icon-fonts-in-wordpress-post-editor/

Follow us on Twitter:
Tweets by wpbeginner

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

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.