Facebook 'Notifications' illegible

OK, take me out and drown me, but I do use Facebook occasionally. The whole social media thingy is becoming more and more significant to businesses in the nonprofit world, so I’m stuck with it.

Last week FB rolled out a new appearance. I won’t comment on the appearance because, like it or not, there isn’t a damn thing I can do about it. But in addition to layout, it seems some fonts were changed. Now I cannot read the fonts in Notifications. The text just looks fuzzy and broken. It is not quite impossible to read, but difficult enough to be supremely annoying. Mouse-over a Notification though and it clears right up.

This only applies to the drop-down Notifications, not to anything else on the page. All other lettering is as legible as it always was.

I’ve tried different “text” settings in both IE and Chrome, different text sizes, different encoding, and I even tried different monitor resolutions, all without success. Anybody else have this issue? And a fix for it?

Perhaps there is a CSS or something FB uses that could be edited? Or am I just stuck with illegible Notifications?

Not much of a FB user here (and never regretted it), so I’ll just offer some WAG’s if I may.

If the font is fuzzy and not affected by your font and size settings, then maybe (?) the entire message is an image of text instead of actual text? You could get some clues if you put your mouse on it and right click, and poke around with the options you get.

Images can have “Alt Text” with them, which I think is what you see with lots of images when you hover the mouse over them. Is that maybe the cleaned-up text of which you speak?

Senegoid, thanks for trying to help! I was out of town and didn’t see your post until just now. And this (home) machine doesn’t display the problem, it happens on my office computer, so I can’t check your suggestion until tomorrow.

Right clicking on this one, no ‘alt text’ is offered. As I (probably poorly) described above, mouse-over changes the background color of the item, thus identifying the item being hovered. In non-problem machines, that is the only change. But on my problematic machine hover both changes the background color AND makes the text more legible. If you click on the item, it functions as a link.

Right-click does though bring up a View Source option. Unfortunately for me, I have no idea what the pages and pages of code is trying to tell me. I presume that somewhere in it is a line identifying the font choice for the Notifications items, but I have no clue how to identify it. Nor to change it.

I’m not a Facebook user either, but I know web design.

Can you post a screenshot? A picture’s worth a thousand words.

EDIT: Also check if the zoom level on your browser is set to 100%.

Control-0 (zero not oh) in most browsers will set the zoom back to the default level. Try that.

It may also be a matter of hardware acceleration being turned on, which can cause some font issues.

You may also want to check different browsers to ensure it’s not just an isolated issue.

What OS are you using? If it’s XP, try installing Cleartype.

Thanks, all! Where can I post a screen shot?

I’ll look at hardware accelerators later, and investigate ClearType. I’m using IE8 but same trouble in Chrome, the only other browser I have. It is WinXP Pro SP3. But there has been no hardware change, nor any software changes EXCEPT Facebook’s own upgrade to the newest “look”. The problem never occurred until last week, when FB rolled out the new appearance onto my machine.

That is what suggests to me a Facebook style sheet, or default font, or something.

Interestingly, zoom is set to 100%. But if I increase it to 125% the problem is greatly alleviated. And at 150% it is almost invisible.

It looks sort of like FB is imposing a faux-bold to the text, and removing the bolding when mouse hovers.