6

私はレスポンシブレイアウトのウェブサイト(http://www.hallometmirel.nl/troep/website)を構築しており、いくつかのブラウザでさまざまな解像度をテストし、ラップトップとGalaxyS3で解像度をテストしています。

GooglePlayでInternetExplorerを入手できないため、現在、NokiaLumia800でWebサイトをテストしています。Windows Phone 7.5を実行しているようですが、IEのバージョンを表示するボタンが見つからず、スマートフォンはまったく新しいので、IE9だと思います。

@ font-faceはこれまで、Opera、Firefox、Chrome(デスクトップおよびモバイル)、IE 9(デスクトップ)の最新バージョンで機能しています。

それが古いバージョンであっても、なぜそれがモバイルバージョンで機能しないのか私は本当にわかりません、font-faceは古いバージョンでサポートされていますよね?.eotタイプを変更するか、smileyfaceを含めることで、IEをだましてフォントを表示させようとしました(どうやらそれは何かをします)。IEのモバイル版に関する他のトピックが見つかりません。

これはドキュメントタイプであり、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} 
4

2 に答える 2

10

Hehe、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

于 2012-07-17T12:45:41.900 に答える
1

回避策として、 Cufónを使用して、WP 7.5 の IE でカスタム フォントを表示することに成功しました。

于 2013-03-25T04:53:06.853 に答える