title: How to control print font size
body: <p>I am allowing my users to print but the output is way too large (I have to manually adjust to about 60% in the print dialog). I use a css media query (below) to control the content and have tried changing the font-size of the <code>html, body{}</code>without any change to the output font size. Printing to Adobe PDF prints correctly</p>
  
  <p>Any ideas what I am doing wrong?</p>
  
  <p>My Print Link:</p>
  
  <pre><code>&lt;a href="#" onclick="window.print(); return false;"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>My css:</p>
  
  <pre><code>@media print {
      body * {
          visibility: hidden;
      }
      .printme, .printme * {
          visibility: visible;
      }
      .printme {
          position: absolute;
          left: 0;
          top: 0;
      }
      .printme, .printme:last-child {
          page-break-after: avoid;
      }
  
      .display-none-on, .display-none-on * {
          display: none !important;
      }
      html, body {
          height: auto;
          font-size: 12pt; /* changing to 10pt has no impact */
      }
  
  }
  </code></pre>