字体在屏幕介质中可用，但在打印介质中不可用

Question

我在我的印刷品和屏幕媒体之外使用了下面的代码，代码在屏幕媒体上有效，但在印刷媒体中不起作用

<style type="text/css">


@font-face {
    font-family: dinregular;
    src: url('/images/templateImages/template9/din-regular-italic.ttf')


</style>

当我以pdf格式下载我的模板时，我的字体字体无法工作的可能原因是什么?当我在浏览器上看到我的模板时，它正在工作

感谢您的任何帮助

Answer 1

我在Firefox和chrome中测试过，font-face在@media print中不起作用，浏览器会忽略它。

Answer 2

.ttf并不是在所有地方都能工作。您将需要包含多种格式的字体，以确保它在任何地方都有效。Font Squirrel有一个很好的工具，可以让你上传一个字体文件，将它转换成所需的格式，并为你提供css来包含。

http://www.fontsquirrel.com/tools/webfont-generator

这将使您的字体工作在每个浏览器，希望也包括您的pdf文件。如果这不起作用，您可能需要通过将字体转换为base64来嵌入字体。