Font Awesome is a pictographic font set of 361 icons. The icons are infinitely scalable and screen reader compatible.
A full list of the 361 Font Awesome icons is available: FontAwesomeIconsCheatsheet.pdf
To use any of the Font Awesome icons on your WordPress site you have three options:
All code examples on the Font Awesome site apply: http://fontawesome.io/examples/
Chevron left icon
Don’t want to worry about HTML tags? You can use a shortcode in your posts, pages and even widgets to display a Font Awesome icon.
The shortcode to use is
[icon name=name-of-icon], where name=X is the class of the icon you would like to use.
Chevron left icon
Select the icon you would like to add to your post or page content from the Glyphs drop-down menu in the Visual Editor.
- Submit a pull request on Github
Upload Font Awesome Icons to the
Activate the plugin through the ‘Plugins’ menu in WordPress.
Use one of the three usage methods (HTML, Shortcode, or TinyMCE plugin) within the content of your posts or pages.
Use either the HTML or Shortcode methods inside your text widgets.
The current version of Font Awesome has over double the amount of icons that this plugin provides. Moreover, the list does not appear in the visual editor anymore. These can be appropriated to this plugin being outdated, but there are more inherent problems.
One is that the icons cannot be customized in the shortcode. You can’t tell it to give the icons a 2x, 3x size, or a fixed width, or a spinning animation, like Font Awesome normally allows you to. It makes the shortcodes seem almost useless.
Better keep looking if you were looking for a plugin that gives you quick Font Awesome access!
You can get the short codes to work if you are determined.
Use this to get the latest version of icons from Font Awesome:
Then instead of following the instructions, use short codes with the FA prefix (not “icon”):
Then add this piece of CSS–
to your theme or add it with a CSS plug-in like this:
It is worth it for the short codes. Short of cracking open the PHP, this should get most by until the plug-in is updated. I’d even recommend dropping the ‘icon’ prefix for the FA in the future to the author.
Great plugin, thanks! Compared to other large Font Awesome plugin, very fast page loading time.
Contributors & Developers
“Font Awesome Icons” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- Updated font and CSS files to Font Awesome 3.2.1 release. (Thanks to @tommarshall)
- Updated build/icons.yml file for reference. (Thanks to @tommarshall)
- Updated reference PDF file with Font Awesome 3.2.1 icons. (Thanks to @tommarshall)
- Added TinyMCE editor plugin, making it possible for the user to select font awesome glyphs from a drop-down list within the content editor. (Thanks @rscarvalho)
- Added version number constant to cache bust assets for future plugin updates. (Thanks @rscarvalho)
- Updated font and CSS files to Font Awesome 3.1 release. (Thanks to @Taylor4484)
- Updated reference urls to new Font Awesome URL. (Thanks to @Taylor4484)
- Added build/icons.yml file for reference. (Thanks to @BFTrick)
- Updated reference PDF file with Font Awesome 3.1 icons.
- Updated font and CSS files to Font Awesome 3.0 release.
- Added IE7 CSS
- Created and enabled shortcode
- Initial release