htmlcssinternet-explorerxbox360xbox

@font-face on Internet Explorer 9 on Xbox 360?

I'm trying to load fonts on IE9 on Xbox 360. It works perfectly fine on a regular Windows 7/Internet Explorer 9 box, but not on Xbox. Anyone knows what's the trick to get a font loading?

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.eot") format("embedded-opentype"), url("../fonts/Gotham-Medium.otf") format("opentype"), url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham-Medium.svg#Gotham") format("svg");
  font-weight: normal;
  font-style: normal; 
}

body {
  font-family: "Gotham";
}

– update –

I tried removing all font formats except woff and ttf:

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

but IE9 still shows me times new roman as font.

Solution

  • Based on the link here and the official documentation found in MSDN here. it says that .eot files are not supported. So my suggestion is to use the ".woff" or ".ttf" file types for font using @font-face.

    Hope this helps. Happy coding :)