title: Change a font during print
body: <p>I have a table that looks fine on screen, but I would like to change it to a fixed width font when (and only when) it's printed.</p>
  
  <p>e.g.</p>
  
  <pre><code>&lt;table class='style'&gt;
  &lt;tr&gt;&lt;th&gt;etc&lt;/th&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Then</p>
  
  <pre><code>.style{
          font-family: "Courier New";
          font-size: 10pt;
      }
  </code></pre>
  
  <p>How can I get it so the css class tag only affects the print style. I only have one style sheet so can't have a separate @media print sheet.</p>