fbpx

Swim into Summer with 20% Flat DiscountSUMMERSPECIAL20Claim Now

Welcome, Guest
Username: Password: Remember me

TOPIC: How can i make proper full upgrade to fontawesome 5?

How can i make proper full upgrade to fontawesome 5? 2 days 23 hours ago #14731

i have fontawesome 4.7.0 installed in my website and now i think its time to upgrade to the latest version of fontawesome , i tried some ways and my previous icons was some glyphs random so i couldnt find the correct one way . Can you help me guys and the other people with some simple guide to make the upgrade from fontawesome 4.7 to fontawesome 5.8.2?
Thank you so much for all the help and support you are giving guys. You rock!
The administrator has disabled public write access.

How can i make proper full upgrade to fontawesome 5? 2 days 20 hours ago #14739

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 85
  • Thank you received: 7
  • Karma: 2
Hello,

I have already replied to the same query in my previous reply you can look at that by visiting this link.

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

How can i make proper full upgrade to fontawesome 5? 2 days 19 hours ago #14742

yes i saw the reply but i made a new question because that was not correct i think. My icons went glyphs .. maybe i didnt made it correct dont know... i will try 1 more time and i will reply to this thread for the results.
The administrator has disabled public write access.

How can i make proper full upgrade to fontawesome 5? 2 days 19 hours ago #14744

well i just checked it again but without luck. So lets write down on you my steps i followed maybe i made something wrong.
First : i have download fontawesome 5 from this link : (fontawesome.com/download) (take a look in the first Screenshot)
Second : i have extract the .zip file and took out only (fontawesome.min.css which is inside of css folder)
Third : i have delete the previous font-awesome.min.css which was in css file of my template and replaced it with the new font-awesome.min.css ( 5.8.2 version ) ( take a look in the second Screenshot)
Fourth : i saved the template and then i went to refresh my page .. and as you see in the second Screenshot my icons went glyphs random.. ( take a look in the third Screenshot)
Thanks for your kind understanding and you keep continue to share the love of coding to beginners like me. :P
Attachments:
Last Edit: 2 days 19 hours ago by Giovanopoulos.
The administrator has disabled public write access.

How can i make proper full upgrade to fontawesome 5? 2 days 4 hours ago #14769

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 85
  • Thank you received: 7
  • Karma: 2
Hello,

You're missing the last step and that's why your icons are not loading up. You're not calling the newly replaced font-awsome file into the index.php file.

Open your index.php file and search for font-awsome.min.css and you'll find something like this here attached in screenshot.

Replace that by the name of the file with the exact file extension and it should work.

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

How can i make proper full upgrade to fontawesome 5? 1 day 23 hours ago #14776

Hello, the previous file has exact the same with the new font-awesome 5 thats why i didnt mention about calling the css inside of index.php... of course i checked if i called it right in index.php.. anyway i think you miss some part on that sir. Maybe i must include something more on my template from the folder fontawesome 5.8.2? ( take a look on screenshot 3 ).
Thanks!
Attachments:
The administrator has disabled public write access.

How can i make proper full upgrade to fontawesome 5? 1 day 22 hours ago #14777

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 85
  • Thank you received: 7
  • Karma: 2
Hello again,

Just paste this CDN link in the header section of your index.php file and it'll work.

<link rel="stylesheet" href="use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">

Nothing else you're needed to do.

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
Time to create page: 0.594 seconds