Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Restore subpixel antialiasing to Apple's websites Web Browsers
Somebody at Apple seems to be on a crusade against LCD subpixel antialiased font rendering. Recent versions of WebKit, included with Safari 5, introduced an unfortunate CSS option for web developers to override your preferred choice of text smoothing.

A setting of -webkit-font-smoothing: antialiased is now in Apple's global base.css file, effectively degrading text readability on all of Apple's web properties, including all of www.apple.com, the iTunes Store or the Mac App Store.

Thankfully, just as it is overriding your choice through CSS, Safari offers a mechanism to add your own CSS rules to have the final say. Create a plain text file with the following contents:

* { -webkit-font-smoothing: subpixel-antialiased; }

(Instead of subpixel-antialiased, you may also simply use auto, which is the default.)

Save it as a .css file, and you can enable it in Safari » Preferences » Advanced, in the Style sheet drop down.

That fixes the Apple website, and it turns out you could adopt the fix to iTunes and the Mac App Store as well, despite not having the option exposed in their Preferences windows. Read on to see how.

You'll have to open Terminal and simply copy these WebKit settings from Safari's plist to that of the other apps. Your only difference will be in the location of your user CSS file:

defaults read com.apple.safari WebKitUserStyleSheetLocationPreferenceKey

This outputs ~/Documents/user.css for me, as I called mine user.css and put the file in my ~/Documents folder. Having that, you can apply the same setting to the other apps, substituting your path for mine:
defaults write com.apple.iTunes WebKitUserStyleSheetEnabledPreferenceKey -bool true
defaults write com.apple.iTunes WebKitUserStyleSheetLocationPreferenceKey "~/Documents/user.css"

defaults write com.apple.appstore WebKitUserStyleSheetEnabledPreferenceKey -bool true
defaults write com.apple.appstore WebKitUserStyleSheetLocationPreferenceKey "~/Documents/user.css"
Restart iTunes and you can one again read the tiny text in the Store without hurting your eyes.

[crarko adds: I haven't tested this one.]
    •    
  • Currently 4.22 / 5
  You rated: 5 / 5 (9 votes cast)
 
[10,279 views]  

Restore subpixel antialiasing to Apple's websites | 10 comments | Create New Account
Click here to return to the 'Restore subpixel antialiasing to Apple's websites' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Restore subpixel antialiasing to Apple's websites
Authored by: stevebr on Jan 20, '11 08:33:00AM

There's an Extension that greatly improves the use of user CSS modifications in Safari called (aptly enough) User CSS. More info and download here: http://code.grid.in.th/ It doesn't appear to be in the Extension Gallery.

With it, you can turn rules you've created on and off individually and set them to individual or domains, with wildcards to catch all subdomains. For example, you'd want to tie the rule as written in this hint to "*.apple.com" unless you want it to apply all over the web.

I also recommend browsing userstyles.org for per-site tweaks others have come up with. They'll need some mods to work with Safari and the User CSS extension, but if you're a little familiar with CSS, it's not that difficult -- just removing the @namespace and @-moz-document bits, while using the domain from the @-moz-document property as the domain in the User CSS extension settings.



[ Reply to This | # ]
Restore subpixel antialiasing to Apple's websites
Authored by: David Allen on Jan 20, '11 02:15:38PM
Are there instructions for using this extension? Installed in Safari 5.0.3 I do not see anything resembling the screen shoot on the developer's page, nor do I find anything intuitive about it that leads me to how I might use it.

UPDATE - Seeing the checkbox about enabling the submenu I hazarded an attempt to right click while moused over a Safari window and behold, there is an option for this extension that is like the screen shot on the developer page. So I have now figured out how to use it!
---
Dah•veed |David Allen|
Monterrey, NL, Mexico
Edited on Jan 20, '11 02:23:52PM by David Allen


[ Reply to This | # ]
Microsoft Word or Excel Crashes
Authored by: malbase on Jan 20, '11 09:04:56AM

Office 2011- Word or Excel crashes.
What happens-
You click on Word it begins to Open then crashes.
You receive a message to submit to Microsoft.

A simple solution:
CHECK YOUR FONTS!
What I did-
I reduced the amount of Fonts in the Font Book to 200+.
The crashes disappeared.
It appeared that there was a Font Conflict with Microsoft Word.

Print Shop II for Macintosh: Same problem or the program moved very slow.

After removing Fonts ( I had over 1000+) to around 200 the problem disappeared.
Since I use a Desk Top and Lap Top, I matched the Desk Top against the Lap Top (both using Snow Leopard 10.6.6) - I deleted Fonts from the Desk Top which did not appear in the Lap Top.

After restarting the Desk Top, and Opening Word, or Excel the problem disappeared.
Word Opened, and very fast.

What Microsoft indicated http://www.officeformac.com/ms/ProductForums/Office/7471
Open Activity Monitor in Applications/Utilities.

At the bottom of the Activity Monitor window, select Disk Usage. Green show
free space. You need a minimum of 10% free space. How much free space do you
have? If it's really low, see this page on how to free up space.

http://www.entourage.mvps.org/faq_topic/performance2.html

If free space isn't your issue....

1) Log out of your User under the Apple in the Menu bar.
2) When you Log in, hold down the Shift key. This disables startup items.
3) Try to launch Word, PowerPoint or Excel.
4) If it works, then it's a conflict with a startup item.

If that fails to help....

Testing in a new User will quickly tell you if the problem is system wide or
if it's your User's folder that contains the problem.

Go to System Preferences --> Create a New User in Accounts. Switch to the
New User by logging out/in or use Fast User Switching. Test Office there.

If it works in the new User, then the problem is in your User's folder.
If it fails, the problem is at the base level. Either the OS files or
Office.

I tried the Microsoft solution and it did not help. Removing fonts did.



[ Reply to This | # ]
Restore subpixel antialiasing to Apple's websites
Authored by: jamietshaw on Jan 20, '11 02:26:35PM
Thanks for pointing this out. I thought the text looked a bit funny but wasn't sure if it was just my eyes. Another way to change the setting is:
  1. Create a text file containing body {-webkit-font-smoothing:subpixel-antialiased !important;}, saving it somewhere sensible with a .css extension.
  2. In Safari's Preferences go to Advanced and select your file from the 'Style sheet' dropdown.
It seems to apply to the other programs as well as Safari. I don't know whether this method is technically any better or worse.

[ Reply to This | # ]
Restore subpixel antialiasing to Apple's websites
Authored by: david-bo on Jan 22, '11 03:05:31PM

I see no difference. Can someone post a screen shot?

---
link



[ Reply to This | # ]
Restore subpixel antialiasing to Apple's websites
Authored by: Lri on Aug 10, '12 12:18:56AM

The pixels around black characters on a white background appear monochromatic if subpixel rendering is disabled. Even if LCD font smoothing (which is the same thing as subpixel rendering) was enabled in System Preferences, it might not be used on some displays. See http://hints.macworld.com/article.php?story=20090828224632809.

Edited on Aug 10, '12 12:21:31AM by Lri



[ Reply to This | # ]
Gmail Safari Crashes
Authored by: Shawn Parr on Jan 27, '11 02:29:25PM

After applying the above by creating the css file with * { -webkit-font-smoothing: subpixel-antialiased; } in it, Gmail crashes if I use the compose link, or the quick reply when reading a message. As soon as either clicking the compose link, or clicking the reply text box in a message, Safari will crash.

Setting the preferences for a user style sheet back to 'None Selected' fixes it. Not sure why that happens, but I can reproduce it on my work machine 100%.



[ Reply to This | # ]
Gmail Safari Crashes
Authored by: fds on Jan 30, '11 03:55:39PM
Please try the rule like this:
body,div,p { -webkit-font-smoothing: subpixel-antialiased !important; }
Seems to be a bug in the currently released version of Safari which is already fixed in the WebKit Nightly build or the current shipping version of Chrome.

[ Reply to This | # ]
Restore subpixel antialiasing to Apple's websites
Authored by: jjardoino on Jan 30, '11 01:57:29AM

I have to warn about a problem : this week, I had to go on a group's page of Google Groups (not the page of Googles Groups, but the page of a group) and on Gmail settings page. And, each time i tried, Safari crashed. No problem with another browser.

This morning, I remembered that I had installed he "user.css" of this tip and understood that it could be the reason of the crashes.

And, yes, it was! I disabled it and, since this moment, Safari displays these pages without crashing.

---
jjardoino
France
http://www.graffitix.fr
Edited on Jan 30, '11 02:04:45AM by jjardoino



[ Reply to This | # ]
Restore subpixel antialiasing to Apple's websites
Authored by: fds on Jan 30, '11 03:57:28PM
Please try the rule like this:
body,div,p { -webkit-font-smoothing: subpixel-antialiased !important; }
Seems to be a bug in the currently released version of Safari which is already fixed in the WebKit Nightly build or the current shipping version of Chrome.

[ Reply to This | # ]