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.

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?

possible duplicate of How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code? — falinsky
– falinsky, Commented Oct 24, 2013 at 10:24
found good decision for this issue, any css would be specific for IE9,IE10 - @media screen and (min-width:0\0) { css code for ie9,10}. And converting ttf to eot and adding url(WILLS.EOT) won't help — Sevar
– Sevar, Commented Oct 24, 2013 at 10:38
@Sevar well out of my curiosity I want to know is \0 for IE10 ? — Deepanshu Goyal
– Deepanshu Goyal, Commented Oct 24, 2013 at 10:57
this specific css code @media screen and (min-width:0\0) {} works only with IE10 and IE9. I was checked now in IE9,10 — Sevar
– Sevar, Commented Oct 24, 2013 at 11:14

Liam Sorsby · Accepted Answer · 2017-08-01 08:19:29Z

6

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

edited Aug 1, 2017 at 8:19

answered Oct 24, 2013 at 10:22

Liam Sorsby

3,0023 gold badges30 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sg3s · Accepted Answer · 2013-10-24 10:26:34Z

1

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

answered Oct 24, 2013 at 10:26

sg3s

9,5773 gold badges38 silver badges53 bronze badges

Collectives™ on Stack Overflow

make specific css code for IE10

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related