How to Use Icon Fonts in WordPress Post Editor

How to Use Icon Fonts in WordPress Post Editor

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

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.


E-Commerce License FREE 15 DAYS TRIAL

To subscribe to E-Commerce License, SELECT YOUR FREE DOMAIN (TLD .com .net .org .info .us .club .pro or .link), ADD IT TO YOUR CART, CONFIRM YOUR DOMAIN, then at confirmation page select your subscription type.


About The Author