Embedding Fonts That Work in IE using @font-face

[Ntrimgs]

I have followed numerous tutorials on embedding fonts and everything works great except in Internet Explorer.

Below is the CSS code I'm using:

@font-face {
font-family: 'Ch';
src: url('../Fonts/Champagne.eot');/* IE */
src: local('Champagne&LimousinesRegular'), url('../Fonts/Champagne.ttf') format('truetype');
}

Like I said, it all works in every browser except IE. Does anyone know how to embed fonts so IE displays them???

[aj_nsc]

Internet Explorer (<9) recognizes a .eot font format. They can be generated using an otf or ttf and the following generator:

http://www.fontsquirrel.com/fontface/generator

Also, you should use this bullet proof @font-face syntax provided by fontspring located here:

http://www.fontspring.com/blog/furth...etproof-syntax

[Ntrimgs]

I've got the font type .eot included and it's not showing up in IE 9. How do I make it work in IE 9?

[aj_nsc]

Check out the font spring link I provided.