de-vraag
  • 質問
  • タグ
  • ユーザー
通知:
報酬:
登録
登録すると、質問に対する返答やコメントが通知されます。
ログイン
すでにアカウントをお持ちの方は、ログインして新しい通知を確認してください。
追加された質問、回答、コメントには報酬があります。
さらに
ソース
編集
Graham Conzett
Graham Conzett
質問

@mediaクエリルール内の@ font-faceの動作の不一致(IE9)

Chrome、Firefox、Safariのメディアクエリやリソースに関する現在の動作は、必要なときまでリソースを読み込まないことです。例えば480px解像度の携帯端末では、 max-device-width:1000px のルール内で画像が読み込まれません。当然これは、モバイルデバイスから離れて重いデスクトップリソースを保持するのに最適です。

フォントリソースの読み込みに関して、私はこのアプローチと矛盾しています。以下は上記のすべてのブラウザのWebフォントをロードします。IE9以外

@media screen and (max-device-width: 1000px) {
    @font-face{ 
        font-family: 'SomeFont';
        src: url('../Fonts/somefont.eot');
        /* full stack here etc. */
    }
}

私は大きな書体をモバイルから遠ざけたいので迷惑ですが、IE9はメディアクエリの外に出ていない限りフォントを読み込まないでしょう。

これは正しい動作ですか?スペックの中で特にフォントリソースについて何も見つけることができないので、IE9が正しく動作している可能性があります(これは私の望む動作ではありませんが)。誰もこれにどのような光を当てることができますか?

4 2011-10-27T20:59:50+00:00 3
プログラミング
html5
css3
font-face
internet-explorer-9
media-queries
Knu
27日 10月 2011 в 11:19
2011-10-27T23:19:23+00:00
さらに
ソース
編集
#56793133

理由は次のとおりです: "@mediaのAt-rulesはCSS2で無効です。 1 。
Firefox のように見えます。

3
0
albert
30日 10月 2011 в 6:17
2011-10-30T06:17:37+00:00
さらに
ソース
編集
#56793134

条件付きコメントでie9の@ font-face宣言を囲むだけでいいのですか?それはモバイルのための@ font-faceを再宣言することです。私は "モバイル"によってIEMobileを意味すると仮定していますか?あなたはcondtionalコメントを介してIEMobileをターゲットにすることもできますので、どちらの方法でも実行できます。

@media screen and (max-device-width: 1000px) { @font-face{ font-family: 'SomeFont'; src: url('../Fonts/somefont.eot'); } }

0
0
Aurelio De Rosa
6日 8月 2013 в 2:26
2013-08-06T02:26:15+00:00
さらに
ソース
編集
#56793135

古いものですが、私の答えは同じ問題を抱えている他のユーザーを助けることができます。私はこの問題を解決するための記事を書いています。これはここをクリックしてください。

IE10では条件付きコメントは無視されるため、基本的には条件付きコメントとJavaScriptベースソリューションを使用できます。

0
0
質問の追加
カテゴリ
すべて
技術情報
文化・レクリエーション
生活・芸術
科学
プロフェッショナル
事業内容
ユーザー
すべて
新しい
人気
1
Roxana Elizabeth CASTILLO Avalos
登録済み 17時間前
2
Hideo Nakagawa
登録済み 1日前
3
Sergiy Tytarenko
登録済み 3日前
4
shoxrux azadov
登録済み 5日前
5
Koreets Koreytsev
登録済み 1週間前
© de-vraag :年
ソース
stackoverflow.com
ライセンス cc by-sa 3.0 帰属