Under the Misc. Options inside Customizer you will find a toggle switch for Font Awesome. This will automatically enqueue the Font Awesome CDN (currently v 4.3.0). This opens their entire collection of icons for you to use in your navigation menus (learn how) and also makes available a special shortcode that allows you to use any Font Awesome Icon in your content.
Below are some examples of the available shortcode “swatcher_fa.” You can set the “container” attribute if you want to wrap the icon element in something other than “<i> .” If no container is set it will default to “<i>.”
You can also wrap any shortcode in something like an <h1> tag to make it big and pretty. You can also add your own classes to the string between the shortcode.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
[swatcher_fa container="span"]fa fa-rocket fa-5x[/swatcher_fa] [swatcher_fa container="p"]fa fa-rocket fa-5x[/swatcher_fa] [swatcher_fa container="div"]fa fa-rocket fa-4x[/swatcher_fa] [swatcher_fa]fa fa-rocket fa-3x[/swatcher_fa] [swatcher_fa]fa fa-rocket fa-2x custom-class[/swatcher_fa] [swatcher_fa]fa fa-rocket fa-lg[/swatcher_fa] [swatcher_fa]fa fa-rocket[/swatcher_fa] <h5>[swatcher_fa]fa fa-spinner fa-spin[/swatcher_fa]</h5> <h4>[swatcher_fa]fa fa-circle-o-notch fa-spin[/swatcher_fa]</h4> <h3>[swatcher_fa]fa fa-refresh fa-spin[/swatcher_fa]</h3> <h2>[swatcher_fa]fa fa-cog fa-spin[/swatcher_fa]</h2> <h1>[swatcher_fa]fa fa-spinner fa-pulse[/swatcher_fa]</h1> |