So recently I posted a a question about how my fonts in my website cannot go lighter than font weight 600. Here is the question Open Sans font weight cannot go lighter
So I was able to solve it by just importing the google font along with the desired font-weight. I have now thinner fonts(font-weight:300).
The problem is, I found out that when I deployed to app to a live server, the font weights that I set doesn't work when I view the site in my own computer. On some computers it works fine, the thinner font weights are working but there are other computers too that have the same issue.
I'm not sure what is happening here. I'm thinking of the fonts installed in my local machine has something to do with this, but when I test the site in localhost the font-weights are correct and displays correctly. Please help.
CodePudding user response：
as far as I know most browsers don’t fully support the numerical values for font-weight . also Google font isn't calibrated to carry all of the weights you want with it. Some font problems can be fixed by deleting and reinstalling the font you are using on your local machine.
CodePudding user response：
Checkout the codepen at the end of this package Readme, it has an Open Sans example with many weights. What do you see?
It has a lot of examples and explanation there, maybe you see something you missed.