2010-09-01 91 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; 
}