title: Consolas smaller than Verdana
body: <p>I'm writing a webpage where I want to use one font for normal text and another for code, so I have the following CSS:</p>
  
  <pre><code>body {
      font-family:Verdana, sans-serif;
      font-size:100%;
  }
  
  code, pre {
      font-family:Consolas, monospace;
  }
  </code></pre>
  
  <p>This works except that the Consolas text comes out considerably smaller than the Verdana text. I can sort of fix it by adding <code>font-size:1.2em;</code> to the <code>code, pre</code> settings, but that feels like a hack, particularly since the number isn't derived from anything other than trial and error.</p>
  
  <p>Is this something that happens to be a quirk of the particular fonts involved, or am I doing something wrong?</p>