Okay so when I first implemented these custom fonts on my site I thought they looked good, now They seem to look like crap. I don’t know if it is the monitor I am looking at but I seem to be left with pixelated crap that looks like these:
Now to compare how monitors render this font image here is the true type:
This crap!
and
This crap!
What is going on here? I suspect that it might have something to do with monitor resolution, but I’m not sure. Let me know is you have a Mac if this font looks okay or not? My theory is that is has something to do with Microsoft’s ClearType. I’ll look into this further but really if these font’s look as bad as they do on this monitor I’ll have to replace them with something that works better. I see why designers use JPGs for headings and other decorative fonts.
** UPDATE **
So apparently it is monitors are displaying these fonts differently. I have tried numerous scenarios (different windows editions, different browsers and browser editions… ) and it seems that it is the monitor is making my font’s look cheep. So if the first and second set of fonts look identical you have purchased a cheap monitor. However if the second set of fonts look considerably better, congratulations on a good monitor purchase.
On a side note, over the summer I will be changing the look and feel of this site and I probably won’t be using custom fonts like I did here. Also I’ll try to implement some flash to make my site flashy-er.
Tags: @font-face