css打印字体不变答案

【问题标题】：css print font not changingcss打印字体不变
【发布时间】：2010-09-01 18:50:37
【问题描述】：

我正在设计一个打印机友好的页面，但我一直在尝试更改 CSS 中的字体属性 [font-size, font-family]。我不知道我在这里做错了什么。我在 CSS 文件中为 body 标签指定的字体属性似乎根本不起作用。

有人可以向我解释一下我在这里做错了什么吗？

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
  <head>
   <title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" media="print" href="print.css">
</head>

<body>
<div id="wrapper">
    <table width="100%" border="1">
        <tr >
            <td >Job No</td>
            <td>4589</td>
        </tr>
        <tr>
            <td>Job No</td>
            <td>6578</td>
        </tr>
    </table>
</div>
</body>
</html>

css

/* CSS Document */
div#wrapper 
{
    margin-left:auto;
    margin-right:auto;
    width:auto;

}
body {
background-color: transparent;
font-size: 12pt;
font-family:'Times New Roman',Times,serif;
color:#000000; }

【问题讨论】：

对我来说似乎工作正常。你确定你的 CSS 链接正确吗？我所做的测试只是创建上述文件并将字体系列更改为 Arial 以查看它是否针对打印版本进行了更改，并且有效。
真的，这太令人沮丧了！！我以前看过这项工作，但现在无法正常工作...对不起，伙计，但请您好心地向我发布代码，只是想看看您是否做了任何不同的事情

标签： html css

【解决方案1】：

尝试明确指定td 的字体属性：

table tr td {
  font-size: 12pt;
  font-family:'Times New Roman',Times,serif;
}

【讨论】：

感谢您的回答，但不高兴，没有任何意义。即使我为字体大小设置了 120 pt，它也不会拥有它。
@manraj 很奇怪。您确定包含样式表吗？可以试试table { display: none }看看有没有效果？
我的错，它现在可以工作了感谢你的回答伙伴，它确实有帮助

【解决方案2】：

试试这个 CSS。

#wrapper
{
  margin-left:auto;
  margin-right:auto;
  width:auto;
}

#wrapper table
{
  font-family:"Times New Roman", Times, serif;
  font-size: 12pt;
}

body 
{
  background-color: transparent;
  font-family:"Times New Roman", Times, serif;
  font-size: 12pt;
  color:#000000; 
}

【讨论】：