Large fonts in CSS

This is just a quick one, but have used this on a number of occasions. I am a chrome user as its fast and WORKS (for most things). But the consequence of chrome being speedy is the loss of anti-aliasing on fonts (among other things). So using large fonts result in jagged egdes, i.e:

With a little use of CSS you can fix anti-aliasing in browsers that don’t support it with text-shadow.

text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

The result:

There you have it. Looks more crisp! But keep in mind that some browsers anti-alias better then others.

This entry was posted in Blogs. Bookmark the permalink.

One Response to Large fonts in CSS

  1. Rafael Minero says:

    Just what i was looking for, thank you!

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>