Reading text on a white screen with a poor choice of typography is quite hard to the eyes. User style sheets is an accesibility feature that comes handy for everyone. For example on Safari, we can go to Preferences > Advances and select our custom made style sheet. The changes will apply on every website made in HTML, it won’t work on Flash sites.

Customizing background color and font

If you’re not familiar with CSS coding, you can try out typography.css from the Better Web Readability Project. If you want to hand code your CSS choose a neutral background color, a font designed for the screen and a big font size.

Hiding undesired content

Do you participate in Twitter? If you don’t want to keep track of your followers number, look up the class or ID of the container in Firebug and add a line to your user style sheet.

#follower_count_link{display:none}

User vs Author style sheets

What does user styles sheet meant for designers? Just remember not to abuse on !important declarations, so that the user can adjust the web page to their needs and likes.

Loading mentions Retweet