How to change font awesome icons types

[Thanos Crax]

I want to change some FA icons from light [FAL] to duotone [FAD].
Since this is easy for icons using the code:
Like changing fal to fad from the ACP. That's easy ik.

But what can we do for icons like this:

.p-nav .p-nav-menuTrigger i:after {
    font-family: 'font awesome 5 pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    content: "\f0c9";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

 

[BattleKing]

so you would like to change everythin from FA to FAD

I do not understand your problem, please describe a little bit more

 

[Thanos Crax]

so you would like to change everythin from FA to FAD

I do not understand your problem, please describe a little bit more

BattleKingYeah exactly what you said.
Since there is no actual option in xenforo to use duotone overall in the forum. There is only an option for light, regular and solid in style prop > typography ig.

I like the contrast so I want to use only FAD icons at most places or maybe all.

 

[Thanos Crax]

so you would like to change everythin from FA to FAD

I do not understand your problem, please describe a little bit more

BattleKingProblem is when the code is different.
like I gave 2 examples above.
1st one is easy you just need to change fal > fad and done.
2nd one is a little tricky because it is using Unicode and a class to define it.

Like if a icon has this CSS property:

.p-nav .p-nav-menuTrigger i:after {
    font-family: 'font awesome 5 pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    content: "\f0c9";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

 

[Thanos Crax]

so you would like to change everythin from FA to FAD

I do not understand your problem, please describe a little bit more

BattleKingBumppppppppppppppppp

 

[Thanos Crax]

Bumppppppppppppppppp

 

[BattleKing]

Did you tried to use the

Font Awesome Manager​

maybe this will work. Ive not checked it, but could be the one.

 

[Thanos Crax]

Did you tried to use the

Font Awesome Manager​

maybe this will work. Ive not checked it, but could be the one.

BattleKingI use font awesome manager but the add-on only handles which icons to download for a user and which not.
Additionally, it doesn't explicitly have the option to define duotone icon subsets. It loads the whole file ~40KB smth. But that's not much of the concern

I guess maybe some way with template modification is possible?

 

[BattleKing]

I use font awesome manager but the add-on only handles which icons to download for a user and which not.
Additionally, it doesn't explicitly have the option to define duotone icon subsets. It loads the whole file ~40KB smth. But that's not much of the concern

I guess maybe some way with template modification is possible?

Thanos CraxHm I also found this: https://xenforo.com/community/threads/font-awesome-duotone-icons-site-wide.178757/#post-1429305

In that case I t looks bad

Need to think about a template modification, but currently no idea

 

[Thanos Crax]

Hm I also found this: https://xenforo.com/community/threads/font-awesome-duotone-icons-site-wide.178757/#post-1429305

In that case I t looks bad

Need to think about a template modification, but currently no idea

BattleKing

When changing its content, font-family, font-weight it becomes a solid icon like this.

The problem is the 2nd layer that it doesn't know about in such case