Bug: Weird characters are appearing with fontawesome-pro

[vineeth-ktp]

Bug description

Weird characters are appearing with fontawesome-pro - We are using npm package to map pro version "@fortawesome/fontawesome-pro": "^5.15.4",

I went through existing tickets, but they are either in closed state or the one which are in open state are with self hosted (#17644)

Reproducible test case

No response

Screenshots

Font Awesome version

v5.15.4

Serving

Other (as specified in the bug description)

Implementation

Other (as specified in the bug description)

Browser and Operating System

• Chrome 91

Web bug report checklist

• I have included a test case because my odds go way up that the team can fix this when I do
• I have searched for existing issues and to the best of my knowledge this is not a duplicate

[tagliala]

Hi!

Thanks for being part of the Font Awesome Community.

I went through existing tickets, but they are either in closed state or the one which are in open state are with self hosted (#17644)

This should be the cause of the issue and the ticket is not closed, it is open

It contains a lot of information on how it is possible to fix this issue. I can clearly see that the output CSS contains wrong characters

Please read through that thread and find the solution that works better for your use case

Feel free to comment on #17644 for any other question

[vineeth-ktp]

@tagliala : I agree there is already a similar issues, I was able to take a look into those tickets raised. But we have 4+ sites which are using this library and it is happening at random on any site page. We could have tried overriding or pre-load, but this is just a temporary solution for npm package. Hence raised a new ticket for this.

[tagliala]

and it is happening at random on any site page.

Yes, this is a random issue. Did you try to use the latest dart-sass version?

This can be also fixed at nginx level: #17644 (comment)

There are a lot of workarounds, but we can't fix in 6.x because it will break backward compatibility