私はレスポンシブレイアウトのウェブサイト(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}