字体在屏幕媒体中工作，但在打印媒体中不工作

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打印中不起作用，浏览器会忽略它。

Answer 2

.ttf无处不在。您需要将字体包含在多种格式中，以确保它可以在任何地方使用。 Font Squirrel有一个很好的工具，可以让你上传一个字体文件，将其转换为所需的格式，并为你提供css。

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

这将使您的字体在每个浏览器中都有效，并且希望您的pdf文件也可以。如果这不起作用，您可能必须通过将字体转换为base64来嵌入字体。