hello, just a quick one.

 

Im currently customising a layout at

http://www.sheffielddesignservices.com/test

but the header fonts dont appear to work in ie9. every other browser works fine just ie9

what method are you using for the font import? @font-face?

 

Also try this code, as IE doesn't support TTF's, it only supports EOT's.

 

<style type="text/css">
@font-face {
font-family: 'Custom Font';
src: url("myFont.eot"); /* FOR IEs */
src: local('Custom Font'), url('myFont.ttf') format('truetype'); /* for other web browsers */
}
</style>

Try the FontSquirrel webfont kit generator.

There could be two reasons:-

You may be using IE9 beta but the final release was out on 16th March and that may cure it.

 

Cufon version may not work with IE9, see

http://cufon.shoqolate.com/generate/

which says "As it currently stands, version 1.09 does not work in IE9 beta which was just released. Just in case it doesn't work in the final version either, we've implemented a fix in the latest development version. There will be a new release some time in the near future."

 

Google - IE9 cufon font - for more links about the problem. This refers to a fix:-

http://www.vfxdude.com/forum/topic/cufon-display-issues-in-ie9-beta-heres-a-fix

Edited March 18, 201115 yr by Wickham

Cufon rendering is not working with IE9 . To fix the issue you can do following thing

 

 

please use following comments

 

<!--[if gte IE 9]> <script type="text/javascript"> Cufon.set('engine', 'canvas'); </script> <![endif]-->

or add

<meta content="IE=8" http-equiv="X-UA-Compatible" />

 

or you download the latest file https://github.com/sorccu/cufon/raw/master/js/cufon.js and replace the old one