title: Why is 'font-family' not inherited in '<button>' tags automatically?
body: <p>I have noticed that in case of <code>&lt;button&gt;</code> tags, <strong>font-family</strong> is not inherited automatically; either I must specify it explicitly like:</p>
  
  <pre><code>&lt;button style="font-family: some_style;"&gt;Button&lt;/button&gt; 
  </code></pre>
  
  <p>or use <strong>inherit</strong> property like this:</p>
  
  <pre><code>&lt;button style="font-family: inherit;"&gt;Button&lt;/button&gt; 
  </code></pre>
  
  <p>However, the <em>font-family</em> is automatically inherited in case of other tags, the <code>&lt;a&gt;</code> tag for example.</p>
  
  <p>Why do we have this issue with the <code>&lt;button&gt;</code> tags?</p>
  
  <p>Here's a <strong><a href="http://jsfiddle.net/svkq54L9/" rel="noreferrer">DEMO</a></strong>.</p>