CSS: Why Is Chrome (on Linux) Ignoring My Font-Family?
<p>When I inspect elements on my site using the Chrome developer tool, I see the following as my element's "Computed" style:</p>

<pre><code>font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, "Roboto", Arial, "Lucida Grande", sans-serif
</code></pre>

<p>But if I scroll down further (to the bottom of the "Computed" tab) I see:</p>

<pre><code>Rendered Fonts
Liberation Sans—Local file(11 glyphs)
</code></pre>

<p>Since my (Linux) OS <em>must</em> have <code>Arial</code> and <code>sans-serif</code>, I'm confused as to why Chrome would pick "Liberation Sans": it isn't even on my <code>font-family</code> list.</p>

<p>I'd blame my own bad CSS, but in theory the "Computed" tab shows the final/processed version of my rules, so however terrible my original CSS may have been, Chrome clearly sees my <code>font-family</code> list defined (and being applied) to my element ... it just ignores it.</p>

<p>Can anyone explain this mystery?</p>

<p><strong>EDIT:</strong>  I installed a font-checking program and it turns out that Linux  (Mint) does not in fact come with an <code>Arial</code> or <code>sans-serif</code> font ... but even so, I thought browsers provided (at least) a basic <code>sans-serif</code> font, no matter what the OS?  Is that incorrect?</p>