Matt Keys

Justin Kruit

<p>Add a <a href="http://fontawesome.com/" rel="nofollow ugc">Font Awesome</a> icon field type to Advanced Custom Fields.</p>
<ul>
<li>Specify which FontAwesome icon sets to use (Solid, Regular, Light, Thin, Duotone, Duotone Sharp, Brands, and Custom Upload Icons) (Some features only available with FontAwesome 5.x or 6.x icons)</li>
<li>Create your own custom filtered list of FontAwesome icons to use with your fields. Use different custom icon sets with different fields</li>
<li>Returns Icon Element, Icon Class, Icon Unicode, or an Object including the element, class, unicode value, and SVG data (if applicable)</li>
<li>Optionally enqueues Font Awesome in footer where needed (when a FontAwesome field is being used on the page))</li>
<li>Integrates with the <a href="https://docs.fontawesome.com/apis/graphql" rel="nofollow ugc">FontAwesome GraphQL</a> for loading your <a href="https://docs.fontawesome.com/web/setup/use-kit" rel="nofollow ugc">FontAwesome Kits</a>, searching for icons, and loading the latest version of FontAwesome</li>
</ul>
<p>Note: It is recommended to let this plugin enqueue the latest version of Font Awesome on your front-end; or include the latest version yourself using your <a href="https://docs.fontawesome.com/web/setup/use-kit" rel="nofollow ugc">FontAwesome Kit</a>; so that available icons in the admin area will be displayed properly on your sites front-end.</p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:<br />
* ACF 5.7+<br />
* FontAwesome 4.x, 5.x, 6.x and 7.x fonts</p>
<h3>Optional Configuration</h3>
<h3>Filters</h3>
<ul>
<li><strong>ACFFA_always_enqueue_fa</strong>: Return true to always enqueue FontAwesome on the frontend, even if no ACF FontAwesome fields are in use on the page. This will enqueue FontAwesome in the header instead of the footer.</li>
<li><strong>ACFFA_admin_enqueue_fa</strong>: Return false to stop enqueueing FontAwesome in the admin area. Useful if you already have FontAwesome enqueued by some other means.</li>
<li><strong>ACFFA_get_icons</strong>: (Applies to FontAwesome 4.x and 5.x icons only) Filter the array of icons and icon details loaded from the database</li>
<li><strong>ACFFA_get_fa_url</strong>: Filter the URL used for enqueuing FontAwesome in the frontend and admin areas of the site.</li>
<li><strong>ACFFA_override_major_version</strong>: Filter to manually set the ‘major’ version of FontAwesome to load (accepts either 4, 5, or 6). NOTE: This filter must be registered before any calls to ACF get_field() function are made.</li>
<li><strong>ACFFA_fa_api_key</strong>: Filter to programmatically set the FontAwesome API key.</li>
<li><strong>ACFFA_fa_kit_token</strong>: Filter to programmatically set the FontAwesome kit token.</li>
</ul>


Advanced Custom Fields: Font Awesome Field

Thank you for sharing this plugin with us


I used the plugin within my own custom plugin and was impressed with the quality of the code and the functionality of the plugin. I asked the developer for support and he got back to me within hours.Advised.


Great plugin quality and excellent support

Excellent Support

Adds a new 'Font Awesome Icon' field to the popular Advanced Custom Fields plugin.

WebbPlatsen

joho68

<p>This WordPress shortcode plugin generates inline HTML for the Font Awesome icon libray.</p>
<p>You can use any icon code supported by Font Awesome 7.</p>
<p>A few notes about this plugin:</p>
<ul>
<li>You may choose to host your Font Awesome 7 files locally (default)</li>
<li>You may choose to use the Font Awesome CDN</li>
<li>You may choose to specify a custom URL for your Font Awesome files</li>
<li>You may choose to disable Font Awesome assets if you include them elsewhere</li>
<li>This plugin may create entries in your PHP error log (if active)</li>
<li>This plugin contains no tracking code and does not process or collect any information about the visitor</li>
<li>Tested with WordPress 5.5-6.9</li>
<li>Tested with PHP 7.x and PHP 8.x</li>
<li>See css/fontawesome/LICENSE.TXT for Font Awesome licensing details</li>
</ul>
<h3>Configuration</h3>
<p>Decide if you want to use the included Font Awesome assets, they are the time of this writing at version 7.2. If you want to use another version, you can replace the included assets, use another URL for the CSS and webfont assets, or specify a Font Awesome CDN kit URL.</p>
<h3>Usage</h3>
<p>There is one shortcode available with this plugin:</p>
<pre><code>[scfa][/scfa]
</code></pre>
<h4>General format</h4>
<p>This is intended as a quick reference for the shortcode. For a complete list of Font Awesome classes, please see fontawesome.com. Some icon styles may only be available with a Pro license. You can (obviously) specify everything class related in the class=”” parameter if that is more convenient for you.</p>
<p>Generate  element with icon and default (icon) style:</p>
<pre><code>[scfa icon="address-book"][/scfa]
</code></pre>
<p>Generate  element with the specified style and icon:</p>
<pre><code>[scfa icon="far address-book"][/scfa]
</code></pre>
<p>Generate  element with the specified style and icon and size:</p>
<pre><code>[scfa icon="far address-book" size="5x"][/scfa]
</code></pre>
<p>There are more examples in the SCFA plugin settings screen.</p>
<h3>Credits</h3>
<p>The Shortcodes for Font Awesome Plugin was written by Joaquim Homrighausen while converting caffeine into code.</p>
<p>Shortcodes for Font Awesome is sponsored by <a href="https://www.webbplatsen.se" rel="nofollow ugc">WebbPlatsen i Sverige AB</a>, Sweden.</p>
<p>This plugin can also be downloaded from <a href="https://code.webbplatsen.net/wordpress/wordpress-shortcodes-for-font-awesome/" rel="nofollow ugc">code.webbplatsen.net</a> and <a href="https://github.com/joho1968/SCFA" rel="nofollow ugc">GitHub</a></p>
<p><a href="https://fontawesome.com" rel="nofollow ugc">Font Awesome</a></p>
<p>Stay safe!</p>


Shortcodes for Font Awesome

Generate inline HTML with Font Awesome icon libray by using shortcodes.

Advanced Custom Fields: Font Awesome Field vs Shortcodes for Font Awesome