@ font-face无法在Internet Explorer中运行

Question

我一直在建立一个响应式布局的网站（ http://www.hallometmirel.nl/troep/website ），并在我的笔记本电脑和Galaxy S3上测试了几种浏览器和分辨率的各种分辨率。

由于我无法在Google Play上获取Internet Explorer，我现在正在测试诺基亚Lumia 800上的网站。 它似乎运行Windows Phone 7.5，因为我找不到显示IE版本的按钮，而且智能手机很新，我怀疑它是IE 9。

到目前为止，@ font-face已经在Opera，Firefox，Chrome（桌面和移动）和IE 9（桌面）的最新版本中运行。

我真的不知道为什么它不适用于移动版本，即使它是旧的版本，旧版本支持font-face，对吧？ 我试过通过改变.eot类型或包括一个笑脸来显示字体（显然它做了一些事情）。 关于移动版IE，我找不到其他主题。

这是doc类型，它可能与IE9有关：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head xmlns:og="http://ogp.me/ns#">

这就是我嵌入字体的方式：

@font-face {
font-family:'ChaletComprime-CologneEighty';
src:url('fonts/ChaletComprime-CologneEighty.eot');
src:url('fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChaletComprime-CologneEighty.woff') format('woff'),
        url('fonts/ChaletComprime-CologneEighty.ttf') format('truetype'),
        url('fonts/ChaletComprime-CologneEighty.svg#svg/ChaletComprime-CologneEighty') format('svg')
}

并像这样使用它：

h1,h2,h3,h4,h5,h6{font-family:ChaletComprime-CologneEighty;color:#ef0f63;text-transform:uppercase}

Answer 1

呵呵，WP还没有完整的IE9。 没有字体

官方（tm）（c）

http://msdn.microsoft.com/fr-fr/library/ff462082%28v=vs.92%29.aspx

Internet Explorer Mobile中不支持的功能

桌面版Internet Explorer 9支持以下功能，而Internet Explorer Mobile则不支持。

...

可下载的字体，如EOT，TTF / OTF和WOFF字体

...

当前问题讨论的其他主题

http://www.ubelly.com/2011/11/the-differences-between-ie9-on-the-desktop-and-ie9-on-wp7/

是否可以使用自定义字体 - 使用font-face？

http://www.anandtech.com/show/4351/windows-phone-75-mango-mobile-ie-9-browser-explored/2

Answer 2

作为解决方案，我成功地使用Cufón在WP 7.5中的IE上显示自定义字体。

@ font-face无法在Internet Explorer中运行

问题描述

2 个解决方案

解决方案1
10 2012-07-17 12:45:41

解决方案2
1 2013-03-25 04:53:06

@ font-face无法在Internet Explorer中运行

问题描述

2 个解决方案

解决方案1 10 2012-07-17 12:45:41

解决方案2 1 2013-03-25 04:53:06

解决方案1
10 2012-07-17 12:45:41

解决方案2
1 2013-03-25 04:53:06