title: How do I specify font sizes a list of fonts in the font-family property?
body: <p>As you know, you may pass a space-separated list to font-family. The browser will use the first one that is available after skipping missing fonts.</p>
  
  <pre><code>.rule {
      font-family: doesNotExist, myriad-pro, helvetica, sans-serif;
  }
  </code></pre>
  
  <p>Now, myriad-pro and Helvetica can both work in my design, provided that myriad-pro is in 12px font and Helvetica in 11px. </p>
  
  <p>How can I tell the browser to use a particular font size for a particular font? I know that I can pass both family and size in the <code>font</code> shorthand property, but it will not accept a list of such pairs. </p>