Have you tried to rebuild the fonts with another generator or settings? Seems to be anti-aliasing issues.

You can compare your results with the demopage onhttp://www.fontsquirrel.com/fontfacedemo/ChunkFive...

At this website you can also try the cool font-face generator.

Hope you can improve your results.
typoman

I originally downloaded my Chunkfive pack from Font Squirrel.

I have searched but cannot find an alternative generator. What other font-face generators are there?

I'm not sure if this would have anything to do with it, but the CSS in your @font-face definition doesn't look like it normally does from FontSquirrel -- perhaps improper syntax is causing those other browsers to use the wrong font file? I would try re-generating the font there just to get the updated CSS code from them. If that doesn't work, take a look at the "Expert..." options they have -- perhaps some settings could be tweaked to make it look better?

I'm personally not aware of another font generator like FontSquirrel.

For EOT Fonts you can try this:http://www.eotfast.com/
Format used for Safari, Firefox, Opera

Sorry I am late to this party, but in case this helps:

http://www.concrete5.org/community/forums/customizing_c5/interrrest...

I ran into the same problems here (although my screenshot of the problem looks jagged and yours looks blurry, I actually used Chunk Five myself on another site and it was the same problem)... the answer is to basically use this method of linking to the style sheet:

<?php echo $this->getThemePath()?>/typography.css

instead of the other way which looks similar... this is hard-coded rather than dynamic. Apparently, the belief is that C5's caching causes the issue with fontface.

And if that doesn't help, here is the formula I ended up putting in my final style.css on the site that uses Chunk Five:

@font-face {
font-family: 'ChunkFiveRegular';
src: url('chunkfive-webfont.eot');
src: local('☺'), url('chunkfive-webfont.woff') format('woff'), url('Chunkfive.otf') format('opentype'), url('chunkfive-webfont.ttf') format('truetype'), url('chunkfive-webfont.svg#webfontzQ35IgDp') format('svg');
font-weight: normal;
font-style: normal;
}

------


And to minimize any additional fuzziness, I used font-weight:lighter in my classes:

font-family: 'ChunkFiveRegular', Arial, Helvetica, Sans-Serif; font-weight:lighter;

Hi Zoinks

Please explain what is the actual problem in this code.


Lyssa Gale
allyourfonts.com

Apparently, the belief is that C5's caching causes the issue with fontface. However, the above code I provided works.

You could try Google Fonts API. They're adding new fonts regularly at present and I know that they have fonts very similar to your desired font. I've used it many times and not experienced any problems with jagged edges.

Its worth a try.