Select elements in Safari not respecting font set in CSS
<p>I have a <a href="http://www.w3schools.com/tags/tag_select.asp" rel="nofollow noreferrer">select</a> element in my DOM, and I'm applying my own font through some CSS:</p>

<pre><code>    @font-face {
        font-family: myFont;
        src: url('myFont.woff');
    }

    body select{
      font-family: myFont;  
    }
</code></pre>

<p>In Chrome, Firefox and IE the font looks fine. But in Safari v9.0.2, once the select is clicked, the font is lost.</p>

<p>I inspected it using <a href="http://chengyinliu.com/whatfont.html" rel="nofollow noreferrer">WhatFont</a> and got the following:</p>

<p><a href="https://i.stack.imgur.com/bSe5g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bSe5g.png" alt="enter image description here"></a></p>

<p>So it looks like this <em>-apple-system - regular</em> font has overwritten my own.</p>

<p><strong>Is this standard Safari behavior?</strong></p>

<p><strong>Can I do anything about it?</strong></p>