Вот как должно быть:

А вот как на самом деле в Safati:

Притом оба скриншота были сделаны в сафари. Текст нормально (не жирно) в Safari отображается только на одной странице. Эта страница использует точно такие же стили и скрипты, как и прочие страницы. Ни единого отличия.
В других браузерах, например, Chrome, все нормально. Проблема начала возникать только с Safari. Притом раньше все было нормально.
Вот эти две строки, в принципе, одинаковые
font-weight: normal;
font-weight: 400;
Если прописать:
font-weight: 300;
То текст во всех браузерах (в Safari тоже) станет узким. Так и должно быть.
Конкретно эти строки:
font-weight: normal;
font-weight: 400;
Safari в данном случае воспринимает одинаково. Одинаково игнорирует их и делает текст явно жирнее, чем должно быть. Опять же, повторюсь, в других браузерах параллельно проверяю. Там все нормально.
В чем может быть проблема?