make specific css code for IE10

Question

I bind some type for my site:

@font-face {
font-family:WILLS;
src:url(WILLS.TTF);
}

In most browsers this types recognize perfectly but IE don't see this type because of ttf extensions. But the problem is that IE10+ aren't support this condition.

<!--[if IE]>...<![endif]-->

Is there any way to make specific css code for IE10 to change type to usuall, for example Tahoma or times and ofcourse change font-size?

Answer 1

You will need to specify a EOT file for IE9+ and a TTF file for <= IE8

@font-face {
font-family:WILLS,
src:url(WILLS.TTF),
url(WILLS.EOT); /* IE9+ */
}

If you convert the TTF file to an EOT file and upload both files. IE9 and above will use the EOT file

Answer 2

I would suggest you look into a webfont generator. It will give you the font types you need to also support IE10 and will make css code which ensures best support cross-platform.

Font Squirrel is the most used/popular out there but there are more

http://www.fontsquirrel.com/tools/webfont-generator