thakyZ pro asked 5 years ago

I was wondering if there were any plans to update to Font Awesome 5 when it comes out. I would really like the Discord icon that is planned to be added then.

Michal Szymanski staff answered 4 years ago

Adam, have a look at my post above. The biggest problem is the syntax of Font Awesome 5 have changed. So if we just do what you suggest, we had to immediately change hundreds of pages of our documentation and hundreds of templates. This would cause a lot of problems for the users who already built projects with the current version.  

Adam Stapleton pro commented 4 years ago

Hi Michal, Yeah I realise it's a big change but the new syntax does fall back to the old for the "solid" icon set so if people were really interested in using it they could probably use the solid set without many issues. Just thought it might buy you some time with an intermediate solution :)

Michal Szymanski staff commented 4 years ago

Hi Adam, thank you for an advice. Have a good day!

Adam Stapleton pro answered 4 years ago

Couldn't you just tell people to add this link to the project instead of the FontAwesome 4 link? Any reason this wouldn't work, can't see one?
<link rel="stylesheet" href="" integrity="sha384-HTDlLIcgXajNzMJv5hiW5s2fwegQng6Hi+fN6t5VAcwO/9qbg2YEANIyKBlqLsiT" crossorigin="anonymous">
<link rel="stylesheet" href="" integrity="sha384-R7FIq3bpFaYzR4ogOiz75MKHyuVK0iHja8gmH1DHlZSq4tT/78gKAa7nl4PJD7GP" crossorigin="anonymous">
<link rel="stylesheet" href="" integrity="sha384-KtmfosZaF4BaDBojD9RXBSrq5pNEO79xGiggBxf8tsX+w2dBRpVW5o0BPto2Rb2F" crossorigin="anonymous">
<link rel="stylesheet" href="" integrity="sha384-8WwquHbb2jqa7gKWSoAwbJBV2Q+/rQRss9UXL5wlvXOZfSodONmVnifo/+5xJIWX" crossorigin="anonymous">

tmurzens pro commented 4 years ago

I've upgraded to FontAwesome 5 using the SVG version. One problem is the fonts don't work the floating button, because the floating button is expecting an but it's getting an SVG. My fix is to wrap the tag in a and include this custom CSS: .btn-floating span { font-size: 1.25rem; line-height: 47px; } .btn-floating span { display: inline-block; width: inherit; text-align: center; color: #ffffff; } .btn-floating.btn-sm span { font-size: 0.96154rem; line-height: 36.15385px; } .btn-floating.btn-lg span { font-size: 1.625rem; line-height: 61.1px; }

Michal Szymanski staff answered 4 years ago

Hi, we are working on it, but it's not that easy. Why? We cannot just remove the old dependency of previous Font Awesome from MDB, because all the users who are using them, would kill us. We cannot just add a new dependency of Font Awesome 5, because maintaining 2 huge sets of icons in one package is just a really bad idea. That's why we are working on new, separated package, which we call "MDB Extended edition" and it will contain Font Awesome 5. However, how you can guess, creating a completely new package takes a lot of time. That's why I have to ask you for patience. It's a matter of 2-3 months. Best,

landolsi pro commented 4 years ago

Thanks for the answer :-)

Roman Chlebec pro commented 4 years ago

I agree switch Font Awesome 5 is painful. They changed the base pixel resolution from 14 to 16 and the font looks fat and ugly too in comaprison to previous version. Actually I'm just trying to play around with pro version of MDB and realized that our FA5 dependency we use in our backend is unusable for frontend. We will have to keep both FA versions if I want MDB look how it was intended to be.

landolsi pro answered 4 years ago

we're waiting for news, is there any :-)

Yes, we're planning to update to Font Awesome 5 ;) Currently, we cannot provide you exact date, but it's on our TODO list

lupas pro commented 5 years ago

I wish this comes ASAP :-) Squeeze it in for Christmas guys :D

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No