Question

使用IE8打印网站时遇到了一个奇怪的问题。打印（或打印预览）对话框关闭后，即使页面打印正常，网页也会完全空白（白色），就会出现此问题。刷新解决了这个问题。

我最近加入了一个具有@ 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＆amp; Firefox浏览器。问题只发生在IE8中。

有没有其他人经历过这个并知道解决方案？

Answer 1

我和你有同样的问题。很幸运，发现问题是由字体文件的网址中的相对路径引起的！要在打印或打印预览后修复IE8页面空白问题，只需用绝对路径替换相对的“../fonts/FONT.eot”路径。就我而言，我们将字体保存在/ inc / css / fonts中。所以我会将我的网址参数更新为

@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中发生问题的情况相同（compat mode off）。这是我们必须解决的问题，因为即使截至2012年8月，仍有40％的网络用户仍在使用IE8。希望这有帮助！

IE8和字体打印问题

1 个答案: