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

Sparkiller

Member
Hi,

i am using this code to specify the Node Icon:

Code:
.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?


Thanks in advance!
 
Solution
D
Hello,
.m-faBase('Pro', @faWeight-solid);
.m-faBase('Pro', @faWeight-regular);
.m-faBase('Pro', @faWeight-light);
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.
 
Back
Top Bottom