2010-09-01 70 views
4

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

可能somone请解释我在这里做错了什么?

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; } 
+0

似乎很适合我。你确定你的CSS链接正确吗?我所做的所有测试都是按照上面的方法创建文件,并将字体族更改为Arial,以查看它是否针对打印版本进行了更改,并且工作正常。 – pharalia 2010-09-01 10:40:07

+0

真的,这太令人沮丧了!我以前见过这个工作,但现在无法让它工作...即时通讯对不起,但我不知道如何发布代码,只是想看看你是否做过任何不同的事情 – manraj82 2010-09-01 10:44:49

回答

5

尝试明确了td指定字体属性:

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

感谢你的回答,但没有快乐,没有有道理。即使我把120磅的字体大小,它不会有它。 – manraj82 2010-09-01 10:39:13

+0

@manraj奇怪。你确定样式表包含在内吗?你可以试试'table {display:none}'看它是否有任何作用? – 2010-09-01 10:42:49

+1

@manraj好,你*是*打印文件,对不对? – 2010-09-01 10:48:26

0

试试这个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; 
}