extjsfont-awesomesencha-architect

How to use Font Awesome 5.x Regular or Dualtone in Extjs 7.x


I want to use Font Awesome 5.x with my upgraded Extjs application. (5.x to 7.x) The icons are shown, but i cant change from solid to regular, light or duotone. Its always showing solid icons as it seems to be the default?

I tried:

x-fa far fa-arrow-circle-right -> solid icon shown
x-fa fa-arrow... -> solid icon shown
x-far fa-arrow... -> NO icon shown
far fa-arrow... -> NO icon shown

but the rotation works fine: x-fa fa-arrow-circle-right fa-rotate-90 -> solid icon, rotated 90 degree shown

I have got the fa-brands, fa-regular and fa-solid files in resources/extjs-7.6.0.41/build/packages/font-awesome/resources/fonts

I appreciate any help, thank you.


Solution

  • i manually updated to Font Awesome 6, everything is fine now.

    Check out Peters Guide to upgrade FA here: Integrate font-awesome pro 5 with ExtJs 7.6.0