Hi guys,
as far as I know in Joomla 3.9.19 are still present these 2 "issues": viewtopic.php?t=969189
Do you know if anything is changing with the upcoming Joomla 4 ?
Font Awesome in Menu Item link > Joomla 4
Forum rules
-
- Joomla! Ace
- Posts: 1027
- Joined: Sat Aug 20, 2005 8:53 am
- Location: Panamá
Font Awesome in Menu Item link > Joomla 4
Last edited by toivo on Sun Jul 12, 2020 10:14 pm, edited 1 time in total.
Reason: mod note: moved from 3.x General Questions
Reason: mod note: moved from 3.x General Questions
- sozzled
- Joomla! Exemplar
- Posts: 9999
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
Re: Font Awesome in Menu Item link > Joomla 4
I don't know if anything is changing with J! 4 (whenever J! 4 stable is released)—as far as FontAwesome support is concerned—but I think that these issues are related, in part, to the template(s) people may be using with whatever version of J! they're employing.
The simple answer to how to include FontAwesome font with Joomla! is here: https://stackoverflow.com/questions/470 ... n-from-css
Therefore, the question about whether one template or another uses FontAwesome can either be (a) answered by the developer(s) of that particular template, or (b) addressed by including a statement (something like)in the template's HTML (where path/to/ is points to the actual location of the CSS filename). 
Both the J! 4 Cassiopeia [frontend] template and the Atum [backend] template include FontAwesome font support. I don't know anything about third-party templates or whether third-party developers have included FontAwesome support with their templates (whether we're discussing J! 3.x or J! 4) at this time.
The simple answer to how to include FontAwesome font with Joomla! is here: https://stackoverflow.com/questions/470 ... n-from-css
Therefore, the question about whether one template or another uses FontAwesome can either be (a) answered by the developer(s) of that particular template, or (b) addressed by including a statement (something like)
Code: Select all
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Both the J! 4 Cassiopeia [frontend] template and the Atum [backend] template include FontAwesome font support. I don't know anything about third-party templates or whether third-party developers have included FontAwesome support with their templates (whether we're discussing J! 3.x or J! 4) at this time.
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”

-
- Joomla! Ace
- Posts: 1027
- Joined: Sat Aug 20, 2005 8:53 am
- Location: Panamá
Re: Font Awesome in Menu Item link > Joomla 4
Hi sozzled,
many thanks for your answer. Anyway, I have no doubts on how to include Font Awesome icons support on my template and also how to add them to a menu link, is pretty easy:
Menu Item > Link Type > Link class: fa fa-home (for example)
The question was and is about the 2 issues we have back:
1 - the Icon and the Title menu item are shown adherent, without a space (a temporary trick is to add a space in the Menu Item Title field)
2 - Font Awesome is a serif font, when you place the icon in front of a menu item, that single menu item Title is inheriting that font
many thanks for your answer. Anyway, I have no doubts on how to include Font Awesome icons support on my template and also how to add them to a menu link, is pretty easy:
Menu Item > Link Type > Link class: fa fa-home (for example)
The question was and is about the 2 issues we have back:
1 - the Icon and the Title menu item are shown adherent, without a space (a temporary trick is to add a space in the Menu Item Title field)
2 - Font Awesome is a serif font, when you place the icon in front of a menu item, that single menu item Title is inheriting that font
- sozzled
- Joomla! Exemplar
- Posts: 9999
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
Re: Font Awesome in Menu Item link > Joomla 4
Are we discussing J! 3.x or J! 4?

If we are discussing J! 4, I think I have answered your question as best as I can.

https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”

- Webdongle
- Joomla! Master
- Posts: 39485
- Joined: Sat Apr 05, 2008 9:58 pm
Re: Font Awesome in Menu Item link > Joomla 4
Not including a non standard font is not an issue. It is a matter of choice ... if you wish to use a Template with (or edit a copy of Joomla's Template to use) a non standard font you are free to do so.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"The definition of insanity is doing the same thing over and over again, but expecting different results": Albert Einstein.
https://www.weblinksonline.co.uk/updating-joomla.html
"The definition of insanity is doing the same thing over and over again, but expecting different results": Albert Einstein.
- ceford
- Joomla! Enthusiast
- Posts: 165
- Joined: Mon Feb 24, 2014 10:38 pm
- Location: Edinburgh, Scotland
- Contact:
Re: Font Awesome in Menu Item link > Joomla 4
Interesting problem! I went to the Cassiopeia template and added user.css with this content:
And then to Menus: Edit Item -> Link Type and set Link Class to fa-atom - and this is how it came out in the menu:
Problem solved?
Code: Select all
.fa-atom::before {
font-family: "Font Awesome 5 Free";
content: "\f5d2";
margin-right: 10px;
font-weight: 900;
}
Problem solved?
You do not have the required permissions to view the files attached to this post.
- ceford
- Joomla! Enthusiast
- Posts: 165
- Joined: Mon Feb 24, 2014 10:38 pm
- Location: Edinburgh, Scotland
- Contact:
Re: Font Awesome in Menu Item link > Joomla 4
On reflection I should have used a unique style name to avoid interference with any other instances of fa-atom. So atompic perhaps.