Text Ugly on Home Page

[Simplicated]

I'm using Safari and I noticed that over the past few weeks subpixel text antialiasing has been gone on the home page. I've attached a comparison screenshot to demonstrate the difference between the two. I used -webkit-font-smoothing: subpixel-antialiased; to get subpixel text antialiasing back.

Maybe someone accidentally tinkered with the CSS causing Safari's subpixel text antialiasing disappear from the home page? (The forums still have it.) Anyway I hope it makes a return because I really like how text looks in Safari.

 

[arn]

I'm using Safari and I noticed that over the past few weeks subpixel text antialiasing has been gone on the home page. I've attached a comparison screenshot to demonstrate the difference between the two. I used -webkit-font-smoothing: subpixel-antialiased; to get subpixel text antialiasing back.

Maybe someone accidentally tinkered with the CSS causing Safari's subpixel text antialiasing disappear from the home page? (The forums still have it.) Anyway I hope it makes a return because I really like how text looks in Safari.

View attachment 479069

We've been changing stuff trying to fix another flickering issue.

Still working on it

arn

 

[arn]

I'm using Safari and I noticed that over the past few weeks subpixel text antialiasing has been gone on the home page. I've attached a comparison screenshot to demonstrate the difference between the two. I used -webkit-font-smoothing: subpixel-antialiased; to get subpixel text antialiasing back.

Maybe someone accidentally tinkered with the CSS causing Safari's subpixel text antialiasing disappear from the home page? (The forums still have it.) Anyway I hope it makes a return because I really like how text looks in Safari.

View attachment 479069

This should be fixed.

arn

 

[TheBuffather]

This should be fixed.

arn

I am still seeing the issue on the homepage with my MBPr.

 

[jennyp]

I've noticed this too. Glad it's not just me!

 

[Nermal]

I'm seeing it too. On another forum that I go to, the same issue occurs when a YouTube video is embedded in a forum thread... and there is currently a YouTube video on the home page. I wonder whether it's the same issue.

 

[Porco]

Yeah, whatever changed, it's looking awful on my Mountain Lion Mac Pro. Glad it's not just me.

 

[Yvan256]

MacRumors front page/articles with bad fonts?

Am I the only one who's now getting really bad font rendering on the front page and the articles pages? They're fine on the forums section, however.

 

[29er]

Just deployed some code and this should be fixed now. Anyone still seeing it?

 

[Porco]

Seems back to its lovely normality for me, thanks junkim.

 

[Simplicated]

No it's still not fixed. Chrome is inept when it comes to subpixel text antialiasing and does not show the difference. If you use Safari you'll definitely notice the difference in the antialiasing methods.


(Top: Text antialiasing on the forums, Bottom: Home page)

 

[dylanryan]

Still awful in Safari.

The culprit seems to be the of setting -webkit-backface-visibility. The current site CSS sets it to hidden. Changing it back to the (default) visible restores true subpixel antialiasing/pretty text. Not sure what else that might effect (though since there isn't any 3D stuff that I can see, I can't imagine it would affect anything), but I've been running this style in the Stylish safari extension for a couple days and haven't seen anything too awful. This is probably VERY overkill.

*{
	-webkit-font-smoothing:subpixel-antialiased !important;
	-webkit-backface-visibility:visible !important;
}

 

[arn]

Still awful in Safari.

The culprit seems to be the of setting -webkit-backface-visibility. The current site CSS sets it to hidden. Changing it back to the (default) visible restores true subpixel antialiasing/pretty text. Not sure what else that might effect (though since there isn't any 3D stuff that I can see, I can't imagine it would affect anything), but I've been running this style in the Stylish safari extension for a couple days and haven't seen anything too awful. This is probably VERY overkill.

*{
	-webkit-font-smoothing:subpixel-antialiased !important;
	-webkit-backface-visibility:visible !important;
}

The visibility css was added due to another bug that would cause the entire page to flicker.

arn

 

[dylanryan]

I never saw the flickering issue (Mavericks, Safari, fully upgraded), but unless it was constant, I personally would much prefer nice text with a flicker to no flicker with ugly text. Alternatively, maybe just restoring the backface-visibility on a timer shortly after load might work to fix both issues at once.

But, I am happy to just patch the css myself, too, so don't really mind much either way.

 

[arn]

I never saw the flickering issue (Mavericks, Safari, fully upgraded), but unless it was constant, I personally would much prefer nice text with a flicker to no flicker with ugly text. Alternatively, maybe just restoring the backface-visibility on a timer shortly after load might work to fix both issues at once.

But, I am happy to just patch the css myself, too, so don't really mind much either way.

Yep, we are going to try to address this again tomorrow.

arn