XF 2.2 Font Awesome - How to use Light, Thin, etc. versions?

[Sparkiller]

Hi,

i am using this code to specify the Node Icon:

.node.node--id14.node--forum .node-icon i:before {
    .m-faBase();
    .m-faContent("\e033");
}

The icon displayed is the regular version.
What is needed to display, for example, the light version?

Space Station Moon Classic Light Icon | Font Awesome

Space Station Moon icon in the Light style. Turn down the tone for a light touch. Available now in Font Awesome 6.

fontawesome.com

Thanks in advance!

 

[Nicolas FR]

Hello,
.m-faBase('Pro', @faWeight-solid);
.m-faBase('Pro', @faWeight-regular);
.m-faBase('Pro', @faWeight-light);

 

[Sparkiller]

It works, thanks a lot!

 

[Kirby]

If you care for performance I'd strongly suggest not to use light if the main weight is regular or bold, otherwise you could end with 4 webfonts (Light, Regular, Bold and Brands) on a single page, adding > 500 KB.

General rule of thumb is to keep webont usage as low as possible.