私はレスポンシブなレイアウトのウェブサイト(http://www.hallometmirel.nl/troep/website)を構築しており、ラップトップとGalaxy S3でいくつかのブラウザと解像度でさまざまな解像度をテストしています。@ font-faceがInternet explorer mobileで動作しない
私はGoogle PlayでInternet Explorerを入手できないため、現在はNokia Lumia 800のウェブサイトをテストしています。それはWindows Phone 7.5を実行しているようですが、IEのバージョンを表示するボタンが見つからず、スマートフォンがかなり新しくなっているので、IE 9と思われます。
@ font-faceされていますこれまでOpera、Firefox、Chrome(デスクトップとモバイル)、IE 9(デスクトップ)の最新バージョンで動作しています。
古いバージョンであっても、モバイル版ではうまくいかない理由は分かりませんが、古いバージョンではfont-faceがサポートされています。私はIEをトリックして、.eotタイプを変更するかスマイリーフェイスを含むようにフォントを表示するようにしました(明らかに何かをします)。私は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}
Hmm。フリーキングJavaScriptを使って試してみてください。ありがとうございました! :) – user1531721