Pixelated text
Can anyone explain to me why some websites' content like http://www.hassellinclusion.com/category/bs8878/ is all blurry and pixelated. Do I have to download a font or something?
Thanks
Share: 
That example doesn't appear pixelated to me. What device/browser are you using?James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Share:
Thanks for responding. It's showing up pixelated in IE7 and Firefox 7. It's happened on a few site, mostly web design blogs, so I thought maybe they were using some kind of fancy web font. I am not sure how web fonts work and whether they download automatically onto your pc. If this was the case maybe my work firewall won't allow it. I was surprised to see it happen on an accessibility blog, so it could be something completely different.
Share:
You may be right - sounds like your browser is not finding the necessary fonts and perhaps falling back to one of its core fonts.
Best bet may be to notify the owners of the sites, to give them a chance to amend their CSS to refer to better fallbacks.
James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Share:
Thanks James, I have just emailed them, they might be interested in knowing in case it is affecting alot of users.
Share:
Screenshot of the problem?
Share:
Fraid not. I cannot ftp images in work. I looked at the CSS and it has a @font-face, so I reckon this is the problem. Thanks for all your help.
Share:
There are lots of free image sharing websites.
Share:
Thanks James for pointing me to this thread.
I'm the owner of www.hassellinclusion.com.
I'm sorry you're having these difficulties, Ylleriot.
Like the others who responded to the thread, I haven't come across anyone else who has had this problem previously.
Interestingly, the web font in question came as part of a WCAG-AA certified Wordpress theme. So that shows the complexity of browsers, firewalls and accessibility these days...
I'll look into the problem you're having later in the week and see if I can fix it.
Best regards
Jonathan.
Prof Jonathan Hassell
Director of Hassell Inclusion and Lead-Author of BS8878
w: http://www.hassellinclusion.com/
t: @jonhassell
Share:
Thank you so much Jonathan for getting back to me on this. I noticed that even the Firefox add-on facility does it. Both css files have the FONT shorthand property and wouldn't pick up the fall back font. If I add a comma after the font size it seems to fix it. I must have some super sensitive setting on my browsers. Sorry if I have been wasting your time. At least I know now I can change the page in firebug. Its odd though.
BODY {
BACKGROUND: #fff; FONT: 100.1%/1.5em, "Museo Sans", "Lucida Sans", Arial, sans-serif; COLOR: #000; TEXT-ALIGN: center
}
Share: