title: Font family in pseudo element
body: <p>It seems Internet Explorer 8,9,10 uses here always the same (system) font. In fact Internet Explorer doesn't care about the <code>font-family</code> at all. The important thing is the combination of <code>display:table-cell</code> and <code>:before</code> or <code>:after</code>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;style&gt;
  
          body &gt; div {
              display: table;
          }
  
          body &gt; div &gt; div:before {
              font-family: monospace;
              display: table-cell;
              content: 'Not a monospace font in IE.';
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          &lt;div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Is this a known bug? Can't find anything about it.</p>