CODEWITHSUNDEEP
cssfonts
Chris Schmitz
Chris Schmitz

Reputation: 20980

Font weight difference between two computers with the same OS and browser version

I've got text on a website that is styled with the CSS rule:

font-weight:normal;

When viewing it through Chrome version 25.0.1364.99 on my local machine that is running MacOS 10.7.5 the font looks normal, but when viewing it from a different computer with the same OS version, same Chrome version, and same font set the text looks abnormally thin.

Is there something other than styling and font that could be affecting how the font is rendered in the browser??

Upvotes: 1

Views: 1416

Answers (3)

user956584
user956584

Reputation: 5558

Check this one:

 font-smoothing:antialiased;
   -webkit-font-smoothing: antialiased;
    text-rendering:optimizeLegibility;

Upvotes: 1

ThinkingStiff
ThinkingStiff

Reputation: 65391

Make sure they both have LCD font smoothing set. This can make a difference in how a font looks visually. This can affect some fonts more than others, so the system font may look the same between the two, while the one you're using may look different. Also, if one screen is much higher quality, this setting can have a more profound effect, but they still may look different (e.g. retina vs non-retina).

On 10.8 this setting is under System Preferences, General.

setting

Upvotes: 2

Mike
Mike

Reputation: 346

It is possible that one of the operating systems has different accessibility or display options. Check out the font options under the display settings. That could be your culprit.

Upvotes: 0

Related Questions