font-face issue in IE8

I've started using font-face for a site. I've included a free font by Fontsquirrel called Chunk Five (http://www.fontsquirrel.com/fonts/ChunkFive) that has support for IE (EOT font).

Howe开发者_Go百科ver when I implement it, some letters look 'squashed' which gives it a very ugly look.

Here's how it looks under Chrome (with text-shadow):

Here's how it looks under IE8:

The e's, m's and 's look awful.

Is this an issue with the font? Or the CSS that I use? Or IE8?

May be add shadow with JS? CSS:

h1,  h2{ text-shadow: 2px 2px 2px #ddd;}

Add Jquery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

Add script file:

<script src="js/jquery.textshadow.js" type="text/javascript"></script>

JS code:

<script type="text/javascript">
// <![CDATA[
    jQuery(document).ready(function(){
        jQuery("h1, h2").textShadow();
    })
// ]]>
</script>

Jquery shadow plugin you can find here http://plugins.jquery.com/project/textshadow

I think it has something to do with odd font sizes. Try applying an even font size and the rendering should be correct.