css - 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 的方式：

score 1 · Accepted Answer

如果您尝试在 @media print 中加载这些字体，那么这是 Edge 中的一个错误，目前无法修复：

对我有用的解决方案是在@media print decleration 之外加载字体 - 像这样：

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

@media print {  

}

1 回答 1