Font Barlow 400 Wrong Rendering on Firefox
Permalink
I use a Google-Font «Barlow» in my webpage. The fontweight used is «regular» 400. Due to Security we need to have fonts served locally, also on the webserver, not loaded from a remote google server.
Though the font rendered in the webpage is 500 italic.
I’m not doing it the first time, but i can’t see any errors in the code nor on the console. Whats wrong?
Browser: Firefox 76.01 on a Mac os 10.12
Though the font rendered in the webpage is 500 italic.
I’m not doing it the first time, but i can’t see any errors in the code nor on the console. Whats wrong?
Browser: Firefox 76.01 on a Mac os 10.12
Do you have the same font installed on your computer?
Yes, we're using the whole Barlow font family for print projects as well, so we have the Fonts installed on our systems.
If you have fonts installed on your computer with the same name, font rendering on your browser (Firefox/Chrome) causes problems.
Loading fonts from a Google CDN server or fonts installed on your webserver conflict with these installed on your computer.
You can temporarely turn off your Barlow font on the computer or you can rename your locally served font into something like «Barlow_X».
That should solve the problem.
Loading fonts from a Google CDN server or fonts installed on your webserver conflict with these installed on your computer.
You can temporarely turn off your Barlow font on the computer or you can rename your locally served font into something like «Barlow_X».
That should solve the problem.
Thank you blinkdesign. Your solution worked for us.
We also discovered that problems with rendering fonts occur, when you have different font versions installed (fonts on computer and fonts on webserver).
We also discovered that problems with rendering fonts occur, when you have different font versions installed (fonts on computer and fonts on webserver).
