IE 10 mobile...

Monkey Archive Forums/Digital Discussion/IE 10 mobile...

SLotman

(Posted 2014) [#1]

I am stunned... does it really have no support for font-face?

I was trying something simple (copied from MS website..!)

<html>
<head>
   <style type="text/css">
      @font-face {
         font-family:wonton;
         src:url(http://icongames.com.br/html5/data/wonton.eot);
      }
   </style>
</head>
<body>
   <p style="font-family: wonton; font-size: 18pt;">This paragraph uses the font-face 
   rule defined in the above style element.</p>
</body>
</html>

This above should show the text in the 'wonton' font (loaded from my site) - it works on IE/desktop - but on IE 10 on WP8, the font doesn't load... the code above (obviously changed to ttf instead of eot) will work on android, ios and in all major desktop browsers...!!

Does anyone know if there is a workaround to get fonts to work? I saw that using Google fonts does work, so now I'm lost...

nikoniko

(Posted 2014) [#2]

may be it helps you
http://stackoverflow.com/questions/15819717/font-awesome-not-displayed-on-windows-phone-8

ziggy

(Posted 2014) [#3]

Why not use WOFF instead? Nobody uses eot. Use WOFF instead as it is also suported on IE since version 9 (and also Firefox, chrome, etc.) http://en.wikipedia.org/wiki/WOFF

SLotman

(Posted 2014) [#4]

Even with WOFF, that code won't load anything - I tried :(
(Unless the converter I used screwed it up...)

As for MIME types, there aren't any defined for fonts - and I doubt that's the problem, since it works everywhere elese *but* on IE10 mobile... (the real code I'm using checks if its IE or something else, and then loads ttf instead of eot)