如何使用 CSS 更改打印页面页眉和页脚的字体？答案

【问题标题】：How to change the font of the header and footer of print page with CSS?如何使用 CSS 更改打印页面页眉和页脚的字体？
【发布时间】：2015-02-19 17:47:26
【问题描述】：

如何使用 CSS 更改打印页面 default 页眉和页脚的字体？

我试过这个：

@media print
 {
     *,html,body,title /*i tried all of them!*/
     {
         font: 10px tahoma;
     }
 }

body 的内容发生了变化，但是打印页面标题、URL和分页的字体没有发生变化。(ctrl+p)

这是我的打印页面图像以解决我的问题：

【问题讨论】：

标题通常在正文之外（传统上在头部）。尝试html {font: 10px tahoma; } 或title{font: 10px tahoma;}
问题不在您的代码中。它可能是 html/css 的其余部分。我刚刚在 jsfiddle 中进行了测试。添加 color:red 只是为了看看它是否改变了颜色。你知道你必须通过按 Ctrl+P 来测试它，对吧？或者通过实际打印。
@gaynorvader 你想改变<title> 标签的字体吗？
请将 HTML 代码添加到您的问题中。
简而言之：你不能，抱歉。再长一点：浏览器用来打印文档的@page 上下文对字体一无所知，只知道一组非常短的规则/东西，你可以在w3.org/TR/1998/REC-CSS2-19980512/page.html 看到自己

【解决方案1】：

您的问题的答案取决于您尝试打印的页面中哪个 HTML 元素包含页眉和页脚。检查以确保页眉和页脚位于正文标记 (<body></body>) 之间。

【讨论】：