在Safari中选择元素不尊重CSS中的字体集

Question

我的DOM中有一个select元素，我正在通过一些CSS应用我自己的字体：

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

    body select{
      font-family: myFont;  
    }

在Chrome，Firefox和IE中，字体看起来不错。但是在Safari v9.0.2中，单击选择后，字体就会丢失。

我使用WhatFont检查了它并获得了以下内容：

所以看起来这个 -apple-system - regular 字体已经覆盖了我自己的字体。

这是标准的Safari行为吗？

我能为此做点什么吗？

Answer 1

try this i hope it will be work.

<style>
@font-face {

font-family: 'BebasNeueRegular';

src: url('/wp-content/themes/boilerplate/fonts/BebasNeue-webfont.eot?') format('eot'),

url('/wp-content/themes/boilerplate/fonts/BebasNeue-webfont.woff') format('woff'),

url('https://cdn.css-tricks.com/wp-content/themes/boilerplate/fonts/BebasNeue-webfont.ttf') format('truetype'),

url('/wp-content/themes/boilerplate/fonts/BebasNeue-webfont.svg#webfontfvFLBU0N') format('svg');

font-weight: normal;

font-style: normal;

}
</style>