Как уменьшить вес шрифта в Firefox на Mac с помощью CSS?

Вот моя проблема: я использую font-face для меню своего веб-сайта, но Firefox на Mac отображает его слишком жирным { {1}} На ПК все работает хорошо, шрифт идеального размера и выглядит так, как должно

К сожалению, на Mac мне нужно было использовать CSS-хак для Safari (который работает), но я не нашел что-нибудь похожее в Firefox.

Я пробовал «взломать текстовую тень», я пробовал использовать свойство font-weight (которое практически ничего не делает).

А теперь немного кода!

@font-face {
    font-family: 'KnockoutHTF48FeatherweightRg';
    src: url('font/knockout-htf48-featherweight-webfont.eot');
    src: url('font/knockout-htf48-featherweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/knockout-htf48-featherweight-webfont.woff') format('woff'),
         url('font/knockout-htf48-featherweight-webfont.ttf') format('truetype'),
         url('font/knockout-htf48-featherweight-webfont.svg#KnockoutHTF48FeatherweightRg')     format('svg');
    font-weight: normal;
    font-style: normal;

}

Для Safari:

body{
    ...
    -webkit-font-smoothing: antialiased;
}

Влево, если FF на Mac, а справа - FF на ПК (хорошая версия)

Спасибо!