[Tutorials] How to improve the quality of your touch screen text

electron

Administrator
Staff member
While playing around with touch screen layouts, I noticed that the text didn't look as nice (anti-aliased) as it did in the original photoshop design.  I was getting close to replacing all text with PNG versions in order to maintain the smoothness of the edges, when I realized I didn't have ClearType turned on.
ClearType is a feature which was first available in Windows XP, designed to make fonts look better on LCDs.  While I personally never use it, I figured it would be worth a shot, since the touch screen is a device I don't use for personal computing, it's just an appliance.  The difference is pretty big, and looks very good in a touch screen environment:
/archive/j/tutorials/2009/6/ceiling-disabled.png
ClearType disabled
/archive/j/tutorials/2009/6/ceiling-enabled.png
ClearType enabled
See the difference?  I started looking at the screenshots people have posted of their touch screen setups, and I noticed many do not have this feature enabled (by default, it is not turned on under Windows XP), so below are the very simple instructions on how to turn this feature on.  The instructions below are for Windows XP:


Click here to view the article
 
Back
Top