Icon Fonts are a very popular thing and allow the users to use vector icons as their font. This is something many web designers use because of the way they look compared to a bitmap image. They can be resized easily and they work with nearly all the top WordPress themes. 

In this WordPress tutorial, you will discover how to use the icon fonts in WordPress without needing any HTML or CSS experience. This isn't a difficult task and any beginner can use these fonts pretty easily.

<h2>Using the WP Visual Icon Fonts Plugin for WordPress</h2>

Before you go any further, you should download, install and activate the <a href="http://wordpress.org/plugins/wp-visual-icon-fonts/">WP Visual Icon Fonts plugin</a>.

<img src="https://itxdesign.com/wp-content/uploads/2014/05/WPVisualIconFonts.png" alt="WP Visual Icon Fonts" width="504" height="269" class="alignnone size-full wp-image-7169" />

After you've activated the plugin, you can access it from <strong>Settings &gt;&gt; Icon Fonts</strong>. The plugin comes with Font Awesome and Genericon fonts, which you can use for your icon fonts. 

<img src="https://itxdesign.com/wp-content/uploads/2014/05/FontAwesome.png" alt="Font Awesome" width="358" height="300" class="alignnone size-full wp-image-7170" />

<img src="https://itxdesign.com/wp-content/uploads/2014/05/Genericons.png" alt="Genericons" width="372" height="283" class="alignnone size-full wp-image-7171" />

Once you've selected the font you want to use, it will be available with your WordPress posts, pages and custom post types. You can access the icon fonts from the post or page edit screen by clicking the "Icons" button found next to the "Add Media" button. 

<img src="https://itxdesign.com/wp-content/uploads/2014/05/IconsButton.png" alt="Icons Button" width="240" height="99" class="alignnone size-full wp-image-7172" />

Once you click this button, you will get a dropdown menu with all your different font choices. This will allow you to add the icon fonts to any post, page or custom post type with ease.

You can change the color and the size of the font just like you would any regular font in the post editor screen. Just select the font you want to change and use the buttons in the visual editor. 

Icon fonts are used to help spice up any landing page, post or any other type of page on your website. You will gain 369 icons with Font Awesome and another 62 icons you can use with the Genericon font. This gives you plenty of choices for highlighting long articles, adding a little extra design or just making your blog posts a little prettier.

Now you know how to use icon fonts in WordPress without any HTML. It's so easy any beginner can do it just by installing the plugin.
