Font Awesome

Description

The official way to use Font Awesome Free or Pro icons on your site, brought to you by the Font Awesome team.

New Plugin, Replacing an Old Plugin

This is a new, completely re-written plugin, tested with the latest WordPress and Font Awesome versions. It replaces the older plugin formerly occupying this space in the WordPress plugins directory, which was no longer being maintained. Many thanks to Rachel Baker and the team behind the former plugin for getting the original plugin started and allowing us to carry it forward.

Features

Our official plugin lets you use Font Awesome the way you want:

  • Use Pro or Free icons.
  • Leverage the latest release or a specific version of our icons.
  • Choose the tech, either SVG or Web Font.
  • Take your pick of loading your icons from our classic Font Awesome CDN, or use Font Awesome kits – the easiest and most robust way to use our icons on the web.
  • And, if you haven’t had the chance to update your project in a long while, you can turn on automatic compatibility for Font Awesome Version 4.

But that’s not all… our official plugin can troubleshoot and help you resolve when multiple versions of Font Awesome are loading on your site from other plugins/themes and causing display or technical issues.

Usage

Install and enable the plugin
(See the Installation tab for details)

Add icons to your pages and posts
Once you’ve set up your plugin, you add icons to your pages and posts by using their names in shortcodes or HTML.

When you use shortcodes, you add the name of the icon and a prefix, where the prefix is the style of icon you want to use. Note that you don’t need to include the fa- part of the name. And if you don’t include any prefix, the style will default to Solid.

The shortcode for an icon looks like this:

[icon name="stroopwafel"]

[icon name="stroopwafel" prefix="fal"]

Or you can use basic HTML with standard Font Awesome syntax:

<i class="fas fa-stroopwafel"></i>

Using Pro Icons and Features
To enable Pro icons with the CDN, you will need to add your domain to the list allowed domains on your Font Awesome CDN Settings page. To configure a kit, get your API Token from your Font Awesome account page.

Troubleshooting with the Plugin
Font Awesome icons are popular, so lots of themes and plugins also load Font Awesome, and sometimes their version can conflict with yours. So we created a way to help you find and prevent those conflicting versions from affecting your icons: The Conflict Detection Scanner.

If the plugin seems to be set up correctly and your icons still aren’t loading and you’re not sure why, head over to the Troubleshoot tab, which has two parts:

  • Detect Conflicts with Other Versions of Font Awesome – which lets you start the conflict detection scanner to find versions of Font Awesome loading on your site.
  • Versions of Font Awesome Active on Your Site – which lists any other versions of Font Awesome being used on your site and lets you prevent conflicting versions from loading.

Get more information about using the scanner for troubleshooting on the WordPress page on Font Awesome.

Configuring

The plugin is set to serve Font Awesome Free icons as a Web Font via the Font Awesome CDN by default. You can change the CDN settings right in the plugin. In the simplest case, no additional configuration is required.

Note: The plugin is not compatible on WordPress multisite at this time.

You can get more information about all the available settings and troubleshooting on the WordPress page on Font Awesome.

Upgrading from the Old Versions

If you used the old plugin or are still using Version 3 of Font Awesome, we’ve tried to smooth the upgrade path for you by keeping [icon] shortcode compatibility for Font Awesome 3 names used with the old plugin. But we plan to remove version 3 naming support from this plugin soon so don’t wait too long to update your code!

See Also

The README on GitHub which has details for WordPress site owners and developers.

The API docs for developers.

Installation

From the Plugins Directory in WordPress Admin

From the “Add Plugins” page in WordPress admin:

  1. Search the plugins directory by author: fontawesome

  2. Click “Install” on this plugin in the search results

  3. Click “Activate”

Installing a Zip Archive

  1. Click Download on this plugin’s directory entry to get the .zip file

  2. On the “Add Plugins” page in WordPress admin, click “Upload Plugin” and choose that .zip file

Access Font Awesome Plugin Settings

Once you activate the Font Awesome plugin, you will see a top-level menu item for Font Awesome in your WordPress admin area, or you can click “Settings” on the plugin’s entry on the Plugins page.

FAQ

You can get more information about using the plugin, details for available settings, and answers to frequently asked questions on the WordPress page on Font Awesome.

Reviews

November 26, 2019
Been trying to fix the font awesome icons that came with my template for two hours. Found this and it fixed it right after installation, I mean like in one minute. All I had to do was activate the plugin! Thanks!!!!!
September 5, 2019
Хотя плагин должен облегчать и украшать сайт, он делает дополнительные внешние запросы при загрузке страницы сайта. Это минус. В остальном всё плюс.
August 21, 2019
I installed this to improve my icon loading time. I'm sure I could have optimized loading somewhere else, but going from loading the Font Awesome library from code in the header to the plugin, my icons went from loading last on the page to no visible loading time at all.
Read all 32 reviews

Contributors & Developers

“Font Awesome” is open source software. The following people have contributed to this plugin.

Contributors

“Font Awesome” has been translated into 6 locales. Thank you to the translators for their contributions.

Translate “Font Awesome” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change log

4.0.0-rc20

  • developer-oriented update to support building themes that use this code as a composer package

4.0.0-rc19

  • another minor update with additional error logging

4.0.0-rc18

  • minor update with additional error logging

4.0.0-rc17

SECURITY: fixes a vulnerability in how API tokens were being stored, when configured to use a kit. All users of 4.0.0-rc15 or 4.0.0-rc16 should update immediately. Find more details and instructions for updating your API Token on the Font Awesome blog.

  • a minor bug in how network errors are handled

4.0.0-rc16

  • Fixes to the upgrade process

4.0.0-rc15

MAJOR UPDATE, some breaking changes for developers. Improves conflict detection, adds support for kits and internationalization.

  • Includes auto-upgrade logic so that most users can upgrade with no impact, except those that have “registered client” themes or plugins. Users who had previously enabled the “remove unregistered clients” option should verify that the auto-upgrade worked successfully – check that your icons are appearing correctly. If not, run the Conflict Scanner from the Troubleshoot tab.
  • New conflict detection and resolution: The new conflict detection scanner can be enabled to more precisely discover conflicting versions of Font Awesome and provides more granular conflict resolution.
  • Expanded error handling with detailed reports in the web console for more advanced diagnostics.
  • Adds support for Kits.
  • Adds comprehensive internationalization in both PHP and JavaScript.
  • New design of the admin UI.
  • Developers: Significant changes to the way the settings are handled internally: Font Awesome will always load in the way the WordPress admin chooses. Registered themes or plugins may register preferences (which are displayed to the admin), but the site admin will determine the configuration.
  • Developers: Registered client plugins and themes need to be updated before they will work as expected.
  • Developers: The PHP API contains significant changes. See the GitHub README for an overview and the PHP API docs for details. This release is intended as a final API-changing release before stabilizing the API at 4.0.0. Once 4.0.0 is released, it will follow semantic versioning best practices.

4.0.0-rc13

  • Improve diagnostic output for unhandled errors.

4.0.0-rc12

  • Bug fix: Fix loading of admin page assets when removal of unregistered clients is enabled. This bug has been
    hiding under a rock for a while. rc11 turned over the rock, and this bug scurried out.

4.0.0-rc11

  • Bug fix: enqueue Font Awesome assets in admin and login areas, not just in the front end

4.0.0-rc10

  • Attempt to fix a problem where the admin settings is sometimes being confused by unexpected output from the WordPress
    server. This condition has been reported when certain other plugins are active, and (possibly) when PHP output
    buffering works differently than this plugin expects.

4.0.0-rc9

  • Enhance Font Awesome version 4 compatibility: add shimming of the version 4 font-family to enable version 4
    icons defined as pseudo-elements to be rendered via the version of Font Awesome 5 loaded by this plugin.

  • Add warnings to the admin UI to indicate that using svg and pseudo-elements may result in slow performance,
    and that svg with pseudo-elements and version 4 compatibility is not supported at all.

4.0.0-rc8

  • Remove dependence on third party libraries, eliminating a class of potential conflicts with other plugins.

  • Breaking changes to the API used by theme and plugin developers (no breaking changes for WordPress site owners).
    See commit log

4.0.0-rc7

  • Fix detection and removal of unregistered clients by changing the internal resource name this plugin uses to enqueue its resource.
    Change it to something unlikely to be used by other themes or plugins.

4.0.0-rc6

  • Fix error when updating options on admin page: handle null releaseProviderStatus in cases where the release provider
    does not have to make a network request to update release metadata.

4.0.0-rc5

  • Remove tilde character from JavaScript filenames to avoid violating some URL security rules

4.0.0-rc4

  • Cache releases data in the WordPress database to reduce the number of server-side network requests.

  • Ensure that releases data are always loaded fresh from fontawesome.com when loading the admin
    settings page so site owners can see when new versions are available.

  • Add more specific error message on admin dashboard in the event that the WordPress server is not able to
    reach fontawesome.com in order to get an initial set of available releases data.

4.0.0-rc3

  • Add missing v3 shim file

4.0.0-rc2

  • Fix handling of v3 deprecation warnings in admin settings page

4.0.0-rc1

  • Add admin settings page
  • Lots of back end code changes to support theme and plugin developers
    • Package plugin as a composer dependency
    • API Changes
    • Comprehensive API documentation for developers
  • Cache load specification unless client requirements change
  • Handle changing configurations as new plugins or themes are activated, de-activated or updated
  • Lock working load specifications and only rebuild when new requirements are conflict-free
  • Load Font Awesome release version metadata from the fontawesome.com releases API

3.2.1

  • Last stable version of the old plugin