打印时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。

这是正确的渲染：

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

Answer 1

如果您尝试加载@media打印里面这些字体，那么它是在边缘的错误是不会被固定的现在：

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 { 

}