How to connect fontawesome correctly?

Question

Fonts

I connect fontawesome 5 icons to the site. In some browsers everything works fine, but in some browsers a square is displayed. What could be the problem?

.prev
  &:before
    font-family: FontAwesome
    content: '\f104'
    font-size: 24px

Answer 1

I recently encountered such a problem ..
You have a 100% problem with the connection of the font itself, that is, the paths are not specified correctly - this is indicated by "and in some browsers a square is displayed" - in my case the font was installed on the PC, so I did not see the problem and others have seen

Answer 2

Look in the console for any errors. For example, CORS policy errors, or similar. Then take a look at the server settings.

Answer 3

font-weight is not specified. And the name of the font is wrong.
Shown for those who have the 4th version installed locally. in the 5th version, even the name is different
. Did you try to look there? https://fontawesome.com/how-to-use/on-the-web/adva...