Saturday, March 10, 2012

CSS anti aliasing text? How have they done this?

Using CSS, anti-aliasing can be stopped by using px (pixels) instead of pt (point). You must use a pixel font, Verdana at 10px or 12px will have not aliasing. (there are a bunch of web fonts that are not true pixel fonts that will display without aliasing with the px instead of pt method).
EXAMPLES:
Non-aliasing - 
<style type="text/css"> 
.whatever {color: 000000; font:10px 'Verdana'; text-decoration:none}
</style>
Will aliasing - 
<style type="text/css"> 
.whatever {color: 000000; font:10pt 'Verdana'; text-decoration:none} 
</style>