Font Awesome Icons and more in the visual editor with filter-search and rich content editing at your fingertips

Description

Select from a variety of icon fonts, and see them right in the visual editor with the simplest icon font tools avaialbe,

See the screenshots to preview the super simple user interface.

###Includes Font Awesome 4 (369 Icons)
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. (and coming soon to a wp editor near you!).

Check out the font awesome website here Fontawesome.io

Includes Genericons Set (62 Icons)

Genericons are vector icons embedded in a webfont designed to be clean and simple keeping with a generic aesthetic.
Use genericons for instant HiDPI, to change icon colors on the fly, or even with CSS effects such as drop-shadows or gradients!

Genericons website here genericons.com/

Features

• Simple option to select the icon font family you prefer
• Easily select an icon in the visual editor window
• Search and instantly Filter through the icons to get the one you want quickly
• See the icons in the visual editor
• Adjust the colour and size of the icons (and any other text elements in the editor)
• Includes Font Awesome 4
• Includes Genericons

Upcoming Features

• More Great Font Icon Sets
• Include fonts in your template file with simple html
• Fiddly shortcode nonsense for Font Awesome
• your requested feature!! or any icon font set your little heart desires - Rate this plugin (favourably would be prefferable) and let me know what features / fonts you’d like to see included.

Installation

This section describes how to install the plugin and get it working.

1. Upload the contents of the zip file to the /wp-content/plugins/ directory or…
2. upload the zip file in the backend of WordPress, plugins -> add new -> upload…or…
3. Search for the plugin from the backend of WordPress, plugins -> add new -> search
4. Activate the plugin through the ‘Plugins’ menu in WordPress

Usage

1. Click the icon button in any page with a visual editor, select the icon you want from the drop down and see it appear in the editor.
2. Adjust the icon color and size by selecting it, (making sure you’ve ‘shown the kitchen sink’ in the WP editor) use the font size drop down or color button on the 3rd row

Frequently Asked Questions

In the visual editor ?

Hellz yeah! you’ll see those little critters right in there. Click the drop down, search or peruse, click and it’ll be visible in your content, highlight it and add a little color, maybe a font size, go crazy - you deserve to live a little.

Are the icons really awesome?

Damn skippy, The initial plugin release contains the fantastic Font Awesome 4 font icon set and future versions will allow you to select between various font icon sets, as well as apply as many of the additional font awesome features as I can manage to include, and make user friendly via the editor.

what about a shortcode, because I don’t like to actually see my content in the editor, I much prefer to fiddle about with such things, and I want a little more flexibility?

Its coming, please be patient, I will allow full access to font awesome via a shortcode as a plugin option soon along with many other cool features.