Почему шрифт в mac отображается жирнее?

Question

[Сергей]

Загружен шрифт FiraSans через google fonts. На Mac отображается жирнее чем есть. Подключал двумя разными способами - ничего не меняется.

В чем может быть проблема? И как это исправить через css? Исправлять настройки мака и браузера не вариант, проверено на разных маках

Как получается на странице


Как должно быть


1 вариант подключения

<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">

2 вариант подключения

@font-face {
  font-family: "Fira sans";
  src: url("../fonts/FiraSans/FiraSans-SemiBold.woff2") format("woff2"),
       url("../fonts/FiraSans/FiraSans-SemiBold.woff") format("woff"),
       url("../fonts/FiraSans/FiraSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

Стили шрифта

font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;

Comments

[Сергей]

Артём Петренков, и в сафари и в хром проверено. Или в чем вопрос?)

[Сергей]

Артём Петренков, вопрос решился, надо добавить пару свойств)
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

Answer 1

[Cr2ed]

Тут описание проблемы и способы ее решения. Возможно поможет

Comments

[Сергей]

СПА СИ БО!))

Answer 2

[Anubis]

У винды и оси разный подход к сглаживанию шрифтов. Так что может не "на маке толще чем есть", а "на винде тоньше чем есть" ;)