css - 适用于屏幕媒体但不适用于打印媒体的字体

标签 css printing screen

我在我的打印和屏幕媒体代码之外使用了下面的代码,但在屏幕媒体上有效,但在打印媒体上无效

<style type="text/css">


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


</style>

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

感谢任何帮助

最佳答案

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

关于css - 适用于屏幕媒体但不适用于打印媒体的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16535989/

相关文章:

html - Chrome 滚动到 anchor 标签上的错误位置

html - 打印分页符问题 - 在浏览器中打印预览

python - 是否可以在这段代码中使用 "while something"而不是 "while True"?

java - 打印作为对象的 TreeMap 值

android - 具有多个 fragment 和屏幕方向的单个 Activity

javascript - 根据页面协议(protocol)加载css

javascript - 在 Angular 加载后运行 jQuery

Css 类选择器

javascript - 在 Firefox 中获取与缩放无关的屏幕分辨率

java - vlcj:屏幕多路分解错误:无法创建位图