@font-face 在 Internet Explorer 移动版中不起作用 [英] @font-face not working in internet explorer mobile
问题描述
我一直在用响应式布局，并在我的笔记本电脑和 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 Play 上使用 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 显示字体(显然它做了一些事情).我找不到有关移动版 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.无字体
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-between-ie9-on-the-desktop-and-ie9-on-wp7/
http://www.anandtech.com/show/4351/windows-phone-75-mango-mobile-ie-9-browser-explored/2
这篇关于@font-face 在 Internet Explorer 移动版中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
