@font-face 无法在 Internet Explorer 移动设备中使用答案

【问题标题】：@font-face not working in internet explorer mobile@font-face 无法在 Internet Explorer 移动设备中使用
【发布时间】：2013-03-25 12:53:06
【问题描述】：

我一直在构建一个具有响应式布局的网站 (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（桌面）中工作。

我真的不知道为什么它在移动版本中不起作用，即使它是旧版本，旧版本也支持字体，对吧？我尝试通过更改 .eot 类型或包含笑脸来欺骗 IE 来显示字体（显然它做了一些事情）。我找不到关于移动版 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}

【问题讨论】：

标签： internet-explorer windows-phone-7 font-face

【解决方案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/

Is it possible to use custom fonts - using font-face?

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

【讨论】：

嗯。可能会尝试使用该死的 javascript。谢谢！ :)

【解决方案2】：

作为一种变通方法，我成功地使用Cufón 在 WP 7.5 的 IE 上显示自定义字体。

【讨论】：