Font face problem in IE 10
Posted: Tue Jun 04, 2013 11:58 pm
Hi All,
Am trying to figure out a problem. Am trying to embedded a font in a website. Its is working very well in all all browsers except IE 10. Only the IE 10 showing the font larger in size than my need.
Am not sure what is the reason.. is the IE 10 not supporting the font face. or is anything else. Please advice me. Am in a big Mess. I tried different css for ie also but still its not happening.
Here is my code:
@media (min-width: 1200px){
@font-face {
font-family:Meera;
src:
url(../Meera_04-2.ttf);
}
body { font-size:15px;}
}
@media screen and (min-width:0\0) {
@font-face {
font-family:Meera;
src:
url(../Meera_04-2.ttf),url(../Meera_04-2.eot);
}
body { background: orange; font-size:25%;}
}
Am trying to figure out a problem. Am trying to embedded a font in a website. Its is working very well in all all browsers except IE 10. Only the IE 10 showing the font larger in size than my need.
Am not sure what is the reason.. is the IE 10 not supporting the font face. or is anything else. Please advice me. Am in a big Mess. I tried different css for ie also but still its not happening.
Here is my code:
@media (min-width: 1200px){
@font-face {
font-family:Meera;
src:
url(../Meera_04-2.ttf);
}
body { font-size:15px;}
}
@media screen and (min-width:0\0) {
@font-face {
font-family:Meera;
src:
url(../Meera_04-2.ttf),url(../Meera_04-2.eot);
}
body { background: orange; font-size:25%;}
}