Community site problems and feedback Text Fuzzy - reading posts difficult

Text Fuzzy - reading posts difficult

It's difficult to read posts because they all look like print outs from an old typewriter. It's not my browser or PC settings because other sites I visit look fine. Any fix in settings for this? Thanks

harryLondon over 9 years ago

Here's what your post looks like on my screen ...

So, not fuzzy here.

The text shows as font-family: "Source Sans Pro","Helvetica",Arial,sans-serif; font-weight: 400;"

Your browser should display any one of those fonts. I don't have Source Sans Pro, so it is probably using Helvetica.

I do find something weird if I hover over Source Sans Pro in the debugger:

That is clearly not a Sans font and perhaps it is what you are seeing?
Cancel
Up 0 Down

Reply

Cancel
RoyReed over 9 years ago in reply to harryLondon

'Source Sans Pro' is being downloaded via an @font-face call in the stylesheet, so everyone should be seeing it unless the font doesn't download for some reason. It is what I see when I look via Firebug in Firefox. Were you actually hovering over the font name, Harry. The cursor is shown immediately after 'font-family:' in your screen grab.

Some browsers use a different rendering engine when displaying downloaded fonts compared with system fonts. This could lead to differences in anti-aliasing between different fonts from different websites.
Cancel
Up 0 Down

Reply

Cancel
harryLondon over 9 years ago in reply to RoyReed

The cursor slipped during the capture, but was definitely on the SSPro name when it first displayed that serif text.

I found Source Sans in the browser cache, deleted it and it was replaced on the next visit, so the font itself is being downloaded. In my case, this could just be a bug in firebug and might possibly have nothing to do with the original problem.
Cancel
Up 0 Down

Reply

Cancel
Gerard Metrailler over 9 years ago in reply to harryLondon

Yes, the font is actually downloaded the first time you get on the site. For those with Fuzzy Text, can you please confirm what browser, what OS and what DPI setting you have... the new community is capable of handling high-resolution displays, but I've noticed that some apps and web sites look fuzzy when using multiple displays, and one of them is a high-DPI one (that's not related to this community, but a way Windows handles monitor resolution).

Gérard
Cancel
Up 0 Down

Reply

Cancel
RoyReed over 9 years ago in reply to Gerard Metrailler

If the problem is in Chrome on Win 7 the problem could be whether the browser is seeing the SVG or WOFF version of the font. See here for a fuller explanation:

http://www.fontspring.com/blog/smoother-web-font-rendering-chrome
http://www.fontspring.com/demos/svg-vs-woff/

It could also be a browser setting that changes between GDI and DirectWrite font rendering. Chrome switched from GDI to DirectWrite as the default with the update to v37, which I think happened in August this year. Lots of people reported the different font-smooting/anti-aliasing as the text becoming 'blurry'. This effect seems to work differently on system fonts to some fonts served directly from the website to fonts served via Googlefonts.

Edit: I just checked the stylesheets and it doesn't look like you're using SVG versions of the fonts (only WOFF and EOT) so the first point is probably not relevant here.
Cancel
Up 0 Down

Reply

Cancel