<p dir="auto">Font-family not being passed to SnackBar as expected.</p>
<p dir="auto">Add a SnackBar component at the root of your project. Without any parent from which it will catch the font family, it goes to the serif default browser font.</p>
<ul dir="auto">
<li>Material-UI: Current</li>
<li>React: Current</li>
<li>Browser: Any</li>
</ul>
<h3 dir="auto">Problem description</h3>
<p dir="auto">A <code class="notranslate">&lt;SnackBar&gt;</code> component added inside a <code class="notranslate">&lt;MuiThemeProvider&gt;</code> element displays with a bad font.</p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Create a <code class="notranslate">&lt;Snackbar /&gt;</code> inside a document with no default styles in the body - just a <code class="notranslate">&lt;MuiThemeProvider&gt;</code> wrapper.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;MuiThemeProvider&gt;
    &lt;div&gt;
        &lt;Notification open={true} message=&quot;hello, world&quot; autoHideDuration={10000}/&gt;
    &lt;/div&gt;
&lt;/MuiThemeProvider&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">MuiThemeProvider</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">Notification</span> <span class="pl-c1">open</span>=<span class="pl-s">{true}</span> <span class="pl-c1">message</span>="<span class="pl-s">hello, world</span>" <span class="pl-c1">autoHideDuration</span>=<span class="pl-s">{10000}/</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">MuiThemeProvider</span><span class="pl-kos">&gt;</span></pre></div>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 0.15.2</li>
<li>React: 15.2.1</li>
<li>Browser: Chrome 51</li>
</ul>
<h3 dir="auto">Images &amp; references</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/99944/16805289/b853f86a-490f-11e6-99db-fd7d89be163d.png"><img src="https://cloud.githubusercontent.com/assets/99944/16805289/b853f86a-490f-11e6-99db-fd7d89be163d.png" alt="image" style="max-width: 100%;"></a></p>