I have a set of icons as a custom font and am using them in place of an image sprite.
The issue is the icons alias terribly at low sizes; i.e. the size that they are meant to be in the majority of cases (around 24 x 24).
It is an SVG file, so they scale up nicely when the user increases browser text-size, but for the majority of users - viewing the site at default size - the icons render poorly.
What techniques are there to prevent this from happening?