CODEWITHSUNDEEP
htmlcssfontsvisual-web-developergoogle-font-api
user2833458
user2833458

Reputation:

Roboto 400 appears bolder than 700 on retina MacBook

The "Roboto" font from Google Fonts appears much bolder at 400 then it does at 700 on my retina MacBook.

I've tried the -webkit-font-smoothing antialiased trick but it didn't seem to work. Is there any way I can fix this? Thank you.

Update: It could very well be a bug on Google's server though I'm not 100% sure. I downloaded the font family and applied the downloaded one to my site and Roboto 400 looks normal now...

enter image description here

Upvotes: 6

Views: 894

Answers (1)

Rick Viscomi
Rick Viscomi

Reputation: 8872

On some browsers, the font declaration in CSS includes a hint to load the font from the local filesystem (as opposed to downloading over the network). If you had a version of Roboto Normal on your machine at the time, it would have been used.

It's possible that you previously had a corrupt version of Roboto installed. For example, the 400 weight seems to match the 900 weight. Perhaps you installed Roboto Ultra-Bold but it got renamed to Roboto Normal in error.

Upvotes: 3

Related Questions