0

IE8 を使用してサイトを印刷すると、奇妙な問題が発生します。この問題は、印刷 (または印刷プレビュー) ダイアログ ボックスを閉じた後に発生し、ページは正常に印刷されますが、Web ページは完全に空白 (白) になります。更新すると問題が解決します。

最近、@font-face 宣言を含む印刷スタイルシートを含めました。@font-face 宣言を削除すると、問題が発生しなくなります。私の font-face 宣言は次のとおりです。

@font-face {
    font-family: 'FONT';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/FONT.eot');
    src: url('../fonts/FONT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/FONT.woff') format('woff'), /* Modern Browsers */
         url('../fonts/FONT.ttf') format('truetype'); /* Safari, Android, iOS */
}

IE7、IE8、IE9、および最近のバージョンの Safari、Chrome、Firefox でこれをテストしました。問題は IE8 でのみ発生します。

他の誰かがこれを経験し、解決策を知っていますか?

4

1 に答える 1

1

私はあなたと同じ問題を抱えていました。幸運なことに、この問題はフォントファイルのURLの相対パスが原因であることがわかりました。印刷または印刷プレビュー後にIE8のページが空白になる問題を修正するには、相対パス'../fonts/FONT.eot'パスを絶対パスに置き換えるだけです。私の場合、フォントは/ inc / css/fontsに保持されます。だから私は私のURLパラメータを次のようなものに更新します

@font-face {
    font-family: 'FONT';
    font-weight: normal;
    font-style: normal;
    src: url('/inc/css/fonts/FONT.eot');
    src: url('/inc/css/fonts/FONT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/inc/css/fonts/FONT.woff') format('woff'), /* Modern Browsers */
         url('/inc/css/fonts/FONT.ttf') format('truetype'); /* Safari, Android, iOS */
}

繰り返しになりますが、問題がIE8（互換モードオフ）でのみ発生する場合と同じ問題が発生しました。2012年8月の時点でも、Webユーザーの40％がまだIE8を使用しているため、これは解決しなければならない問題です。お役に立てれば！

于 2012-09-14T00:00:48.173 に答える