[#39381] - Some of the font awesome icons are not displayed
- Closed
- 14 Feb 2023
- Medium
- Build: 4.2-dev
- # 39381
Steps to reproduce the issue
in site template css file:
.some-el::before { content: "\f2e5"; /*you can print any other icon with a number above f2e0, for example, f358 or f590 or etc. */ font-family: 'Font Awesome 5 Free'; }
Expected result
Icons with numbers f2e5 and higher are displayed.
Actual result
Icons with numbers f2e5 and higher are not displayed.
System information (as much as possible)
clean Joomla 4.2.5, custom template
Additional comments
Icons with numbers f2e5 and higher are not displayed. A clean CMS is installed without third-party components, plugins, modules.
In DevTools, you can see that /media/vendor/fontawesome-free/css/font awesome.css is enabled?5.15.4
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
It should be
font-family: "Font Awesome 5 Free";
I tried it that way too - it doesn't work. Corrected in the start message
I just checked: the icons with numbers f2e5 and higher are not displayed on the default cassiopeia template either
ok - was just a quick suggestion
solution:
add font-weight: 600 in css
ex.
.some-el::before { content: "\f2e5"; /*you can print any other icon with a number above f2e0, for example, f358 or f590 or etc. */ font-family: 'Font Awesome 5 Free'; font-weight: 600; }
I checked font f2e5 and some above all are working fine for me .
The issue is because fontawesome is not a single font of icons. Joomla includes brands, regular and solid and you need to use the additional class for those as well as the icon class
eg
fab fa-youtube
fas fa-folder-open
far fa-folder-open
fa fa-folder-open same as far above
All icons are not present in each font so it is important to use the correct additional class
| Labels |
Added:
Information Required
|
||
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2023-02-14 15:56:19 |
| Closed_By | ⇒ | Quy |
Closing as not a core bug.
It should be
font-family: "Font Awesome 5 Free";