Как исправить проблему с текстом в Safari?

Question

[Антон]

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


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


Притом оба скриншота были сделаны в сафари. Текст нормально (не жирно) в Safari отображается только на одной странице. Эта страница использует точно такие же стили и скрипты, как и прочие страницы. Ни единого отличия.

В других браузерах, например, Chrome, все нормально. Проблема начала возникать только с Safari. Притом раньше все было нормально.

Вот эти две строки, в принципе, одинаковые

font-weight: normal;
font-weight: 400;

Если прописать:
font-weight: 300;
То текст во всех браузерах (в Safari тоже) станет узким. Так и должно быть.
Конкретно эти строки:

font-weight: normal;
font-weight: 400;

Safari в данном случае воспринимает одинаково. Одинаково игнорирует их и делает текст явно жирнее, чем должно быть. Опять же, повторюсь, в других браузерах параллельно проверяю. Там все нормально.

В чем может быть проблема?

Answer 1

[Александр Степанов]

Попробуй эту штуку: maxvoltar.com/archive/-webkit-font-smoothing

Comments

[Антон]

Спасибо! Это идеально решило проблему:
-webkit-font-smoothing: antialiased;

Answer 2

[Олег Карнаухов]

В сафари есть собранные стили для объекта? Хром например умеет показывать все что примененно + при клике видно где это находится. Изучите, мб сафари тоже умеет что то в этом роде. Т.е. найти откуда рога растут.

Какое нибудь небольшое отличие где нибудь может играть роль. Мб класс какой то добавлен и т.д.