DEV Community

loading...

Fonts across browsers

George Ilias
👨🏻‍💻 Ui / Ux Design, Web Dev ❤️ Coffee, Music and JavaScript ⭐️Library: React Js
・1 min read

So many times I have come across with an issue. The problem is that when am writing css and specify the font that I want to use on my site it displays different in Firefox. Im having the issue only with Firefox because all the other browsers are chrome-based. Is there any way to fix this? Thank you in advance.

Discussion (2)

Collapse
antogarand profile image
Antony Garand

What font it is?

If it’s externally loaded, such as google fonts, it should work cross browser without issues.

If it’s a font family or generic font name, it might be bundled with chrome and not with firefox.

To fix this, you should try loading the font externally, or only provide a font family which is compatible on all browsers and os.

Collapse
giorgosilias profile image
George Ilias Author

Ok got it so it's best to load it externally. I thought that font was something simple and never thought that may have compatibility issues. Thank you for helping me!