Apr 29, 2020 04:57 PM
(This post was last modified: Apr 29, 2020 06:37 PM by Xerotic.)
HF has been using the Font Awesome 4.7 icon pack for some time now. It has served us well but it's not perfect. The problem is the limited availability and some style differences. Step forward Font Awesome 5.x. Let's see what kind of improvement it can offer.
FA 4 (Free): ~675 icons
FA 5 (Free): ~1588 icons
FA 5 (Pro): ~7842 icons
So simply upgrading to the FA 5 free version will more than double the icons we can choose from when styling HF. It's also extremely likely that we will opt-in for the pro version, giving us considerably more icon choices (more than 10x what we had before).
Anyway... today I am in the process of upgrading HF's Font Awesome library from 4.x to 5.x.
You will notice that icons will look slightly different now. Observe:
![[Image: HgaMadu.png]](https://i.imgur.com/HgaMadu.png)
These are the new FA5 icons. They are mostly the same as what you are use to, but just slightly updated because of the FA 5 upgrade.
So this thread serves to let you know you will be seeing these changes and also as a way for us to help make this upgrade as smooth as possible. It isn't as simple as just changing over a file. Many icons on HF will break and likely appear as nothing at all or an empty square.
If you see them, please report them here. I will keep an active list of icons that need to be fixed. Thank you.
To Do
- PM Inbox Envelope Icon (read / unread / etc) fixed
- User CP Nav Icons fixed
- Login / Register Desktop Icons fixed
- Jump to Post Icon fixed
- Thread Footer Icons (Subscribe, PDF, etc) fixed
If some icons are still broken be sure to clear your cache or reload these files and check again:
https://hackforums.net/cache/themes/them...thread.css
https://hackforums.net/cache/themes/theme12/usercp.css
https://hackforums.net/cache/themes/theme12/global.css
https://hackforums.net/cache/themes/theme13/global.css
https://hackforums.net/cache/themes/theme14/global.css
https://hackforums.net/cache/themes/theme15/global.css
FA 4 (Free): ~675 icons
FA 5 (Free): ~1588 icons
FA 5 (Pro): ~7842 icons
So simply upgrading to the FA 5 free version will more than double the icons we can choose from when styling HF. It's also extremely likely that we will opt-in for the pro version, giving us considerably more icon choices (more than 10x what we had before).
Anyway... today I am in the process of upgrading HF's Font Awesome library from 4.x to 5.x.
You will notice that icons will look slightly different now. Observe:
![[Image: HgaMadu.png]](https://i.imgur.com/HgaMadu.png)
These are the new FA5 icons. They are mostly the same as what you are use to, but just slightly updated because of the FA 5 upgrade.
So this thread serves to let you know you will be seeing these changes and also as a way for us to help make this upgrade as smooth as possible. It isn't as simple as just changing over a file. Many icons on HF will break and likely appear as nothing at all or an empty square.
If you see them, please report them here. I will keep an active list of icons that need to be fixed. Thank you.
To Do
- PM Inbox Envelope Icon (read / unread / etc) fixed
- User CP Nav Icons fixed
- Login / Register Desktop Icons fixed
- Jump to Post Icon fixed
- Thread Footer Icons (Subscribe, PDF, etc) fixed
If some icons are still broken be sure to clear your cache or reload these files and check again:
https://hackforums.net/cache/themes/them...thread.css
https://hackforums.net/cache/themes/theme12/usercp.css
https://hackforums.net/cache/themes/theme12/global.css
https://hackforums.net/cache/themes/theme13/global.css
https://hackforums.net/cache/themes/theme14/global.css
https://hackforums.net/cache/themes/theme15/global.css
![[Image: DE93-ABEA-2-E28-4-F9-D-9-BB6-312-B3328937-E.png]](https://i.ibb.co/BcJWkqN/DE93-ABEA-2-E28-4-F9-D-9-BB6-312-B3328937-E.png)






![[Image: Lw5BVVZ.gif]](https://i.imgur.com/Lw5BVVZ.gif)
![[Image: AEMUV3u.gif]](https://i.imgur.com/AEMUV3u.gif)
![[Image: Cj3E9yy.png]](https://i.imgur.com/Cj3E9yy.png)

![[Image: support-brown.png]](https://hackforums.net/images/hfnews/support-brown.png)
![[Image: KbRc4hH.gif]](https://i.imgur.com/KbRc4hH.gif)
![[Image: hW3Ktfp.png]](https://i.imgur.com/hW3Ktfp.png)