Font Awesome is an icon library and toolkit.
Font Awesome Icons are really useful for signposting website content.
The Joomla! CMS has been equipped with the Font Awesome library since Version 4.0.
This means you can assign Font Awesome Icons to Menu Links and to strings of text in your website's Articles and Custom Modules.
We hope this article will help you get started using Font Awesome Icons in your website.
Two useful Font Awesome Icons
fa-home
Purpose: to signpost the Home Page Menu Link.
fa-external-link
Purpose: to signpost links to other websites.
But there are hundreds more to choose from.
See the vast range of icons provided by the Font Awesome developer here:
View: Font Awesome v4 Cheatsheet
View: Font Awesome v6 Cheatsheet
How we use Font Awesome Icons in our website
Here are some examples of how we have used Font Awesome Icons to signpost elements in our website.
In each case we browsed the Font Awesome Cheatsheet (see link above) and copied the relevant icon name.
External Links
External Button Links
Links to PDF Files
WYNCHCO Joomla! 5 Template Position Map PDF (opens in new tab)
Menu Link Image Prefixes
Here are two examples:
We outline how to create similar Image Menu Links in our separate article.
How to add Font Awesome Icons
We show how to add Font Awesome Icons in our Joomla! CMS User Guide.
Read more: Font Awesome Icons.
You may also find the following link to an article in the Joomla! Community Magazine (JCM) is useful.
Read more: Icons are taking over the Web World (JCM Nov 2024)
JOOMLERS.UK is sponsored by WYNCHCO Solutions
WYNCHCO Solutions help and support managers responsible for Joomla! CMS websites in UK business and third sector organisations across Cheshire, Greater Manchester, Merseyside and North West England.
