Microsoft Edge @ font-face在打印时不适用

Question

浏览网站时，所有字体都正常显示。打印页面时，预览和相应的输出都是Times New Roman。这是我的CSS规则：

font-family: 'Metric-Regular';
src: url("fonts/MetricWeb-Regular.eot");
src: url("fonts/MetricWeb-Regular.woff") format("woff");

注意到这是发生的事。这种行为不会出现在任何版本的IE，Firefox，Chrome等中。我一直在搜索，但在打印时没有找到与此相关的任何内容，只有Edge之类的东西还没有支持woff2。 / p>

这里正确渲染：

  

这是在打印预览中，它也是如何打印/保存为PDF：

  

Answer 1

如果你试图在@media print中加载这些字体，那么它是Edge中的一个错误，暂时不会修复：

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10328179/

对我有用的解决方案是在@media print decleration之外加载字体 - 如下所示：

@font-face {
    font-family: 'MyFont';
    src: url('../fonts/MyFont.ttf') format("truetype");
}

@media print {  

}