开发者

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):

font-face issue in IE8

Here's how it looks under IE8:

font-face issue in 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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜