title: No bold text with short-hand font property
body: <p>I was reading that <strong>font weight</strong> is an <em>optional</em> value in the <strong>Short-Hand Font Property</strong>. Yet, if I don't state it, it will make everything <code>font-weight: normal</code>, including <code>strong</code> and <em>heading</em> elements. Can someone clarify this for me.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>* {
    font: 100%/1.3 serif;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;Heading one&lt;/h1&gt;
  &lt;p&gt;First paragraph.&lt;/p&gt;
  &lt;p&gt;Another paragraph, with &lt;b&gt;bold&lt;/b&gt; and &lt;strong&gt;strong&lt;/strong&gt;.&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>