@ font-face无法在Internet Explorer中运行 [英] @font-face not working in internet explorer mobile
问题描述
我一直在建设一个网站（ http://www.hallometmirel.nl/troep/website ）响应式布局，并在我的笔记本电脑和Galaxy S3上测试了多种浏览器和分辨率的各种分辨率。
I've been building a website (http://www.hallometmirel.nl/troep/website) with a responsive layout and have been testing the various resolutions in several browsers and resolutions on my laptop and on my Galaxy S3.
因为我无法在Google上获取Internet Explorer玩，我现在正在测试诺基亚Lumia 800上的网站。它似乎运行Windows Phone 7.5，因为我找不到显示IE版本的按钮，而且智能手机很新，我怀疑它是IE 9。
Seeing as I can't get Internet Explorer on Google Play, I'm now testing the website on a Nokia Lumia 800 from work. It seems to be running Windows Phone 7.5, and since I can't find a button which displays which version of IE it is, and the smartphone being quite new, I suspect it's IE 9.
@ font-face目前在最新版本的Opera，Firefox，Chrome（桌面和移动设备）和IE 9（桌面版）中一直在使用。
@font-face has been working so far in the latest version of Opera, Firefox, Chrome (desktop and mobile) and IE 9 (desktop).
我真的不知道为什么它不适用于移动版本，即使版本较旧，旧版本支持font-face，对吧？我试过通过改变.eot类型或包括一个笑脸来显示字体（显然它做了一些事情）。我找不到关于移动版IE的其他主题。
I really have no idea why it wouldn't work in the mobile version, even if it's an older one, font-face is supported by older versions, right? I've tried tricking IE into showing the font by changing the .eot type or including a smileyface (apparently it does something). I can't find other topics with regards to the mobile version of IE.
这是doc类型，它可能与IE9有关：
This is the doc type, it might have something to do with IE9:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head xmlns:og="http://ogp.me/ns#">
这就是我嵌入字体的方式：
And this is the way I embed the font:
@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}
推荐答案
呵呵，WP还没有完整的IE9。没有font-face
Hehe, WP has not full IE9. No font-face
官方（tm）（c）
http://msdn.microsoft.com/fr-fr/library/ff462082%28v = vs.92％29.aspx
Internet Explorer Mobile中不支持的功能
Unsupported Features in Internet Explorer Mobile
桌面版Internet Explorer 9支持以下功能，而不支持Internet Explorer Mobile。
The following features are supported in the desktop version of Internet Explorer 9, and not in Internet Explorer Mobile.
...
可下载的字体，如EOT，TTF / OTF和WOFF字体
Downloadable fonts such as EOT, TTF/OTF and WOFF fonts
...
讨论当前问题的其他主题
Else topics with current problem discussing
http://www.ubelly.com/2011/11/the-differences-介于桌面上和ie9-on-wp7 / 之间
< a href =http://www.anandtech.com/show/4351/windows-phone-75-mango-mobile-ie-9-browser-explored/2 =nofollow noreferrer> http：// www .anandtech.com / show / 4351 / windows-phone-75-mango-mobile-ie-9-browser-explored / 2
这篇关于@ font-face无法在Internet Explorer中运行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
