指定使用@字体面印刷标准（网络安全字体）

Question

目前，在我的标准样式我有：

@font-face {
    font-family: myFancyFont;
    src: url('myFancyFont.otf');
}

我用在其他CSS声明，如：

.someClass {
    font-size: 18px;
    font-family: myFancyFont;
} 

这一切运作良好，良好，直到有人去打印在其使用myFancyFont在一个相当难看的字体打印出点什么的页面。

---

• 在丝网版
• 印刷版

---

注意字体看起来双线和模糊。我的print.css文件确实改变从蓝色背景色为灰色。

是否有可能对我来说，在我的print.css文件重新定义myFancyFont到一个标准的Web安全字体（宋体一样），所以印刷看上去更正常吗？

我假设，有可能仍然是一个问题，如果我只是做：

@font-face {
    font-family: myFancyFont;
    src: url('verdana.otf');  /*or a real version of the verdana font file*/
}

Answer 1

我只想用一个@media print媒体查询与Verdana字体为标准字体，就像这样：

@media print {
  * {
    font-familiy: Verdana, sans-serif;
  }
}

另外，如果你有，你定义FancyFont其他更具体的CSS规则，你必须包括这些太在这个媒体查询（改为宋体），或在上面的规则中使用!important。

Answer 2

是否有可能对我来说，在我的print.css文件重新定义myFancyFont到一个标准的Web安全字体（宋体一样），所以印刷看上去更正常吗？

是的，在您的打印样式表，你可以重新定义你的自定义字体家庭使用预装的宋体，像这样：

@font-face {
    font-family: myFancyFont;
    src: local('Verdana');
}

在标准样式表myFancyFont的所有引用，只要他们没有被限制在@media screen，会自动打印使用宋体。

你需要确保你的打印样式表在HTML您的标准样式表之后链接，这样，这个@font-face规则将覆盖标准之一。

请注意，“网络安全”并不一定意味着“在页面媒体清晰”，尽管一般大多数web安全字体不漂亮打印清晰。