Fontawesome doesn't work without this code

Question

Everytime I want to use fontawesome I've to add this style to the page:

<style>
* {
    font-family: fontawesome !important;
}
</style>

If not it just show a blank square , but do so i can't use another font, any solution i can use fontawesone but don't have to define it ?

Answer 1

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}

Try this one, They have change font-family name.