Почему в firefox слишком жирный текст?

Question

[lavezzi1]

Используется open-sans. Загружен через css. Для ссылок стоит значение font-weight: 600;. В Google chrome все ок. В FF текст жирнейший. Что делать?

Comments

[Salavat Sharapov]

А OS какая*?

[lavezzi1]

Ubuntu

[Anton Filippov]

600 - и есть жирный
400 - нормальный

[lavezzi1]

Антон Ф.: Везде стоит 600, но отображается в FF как будто 900 или 800

Answer 1

[Александр Зачиналов]

Применяется разное сглаживание шрифтов. Чтобы это пофиксить нужно для контейнера прописать CSS свойства:

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

с ними отображение шрифта будет тоньше и четче. Но если вы работаете под Mac, то это нормальное явление и применять такие свойства не очень то рекомендую, если блок текста предназначен для чтива, то есть для текстов статей, каких-то других, не декоративных элементов

Comments

[lavezzi1]

Уже применено. не работает.

[Александр Зачиналов]

а как шрифт подключен?

[lavezzi1]

Александр Зачиналов: Через scss, @ import

[Александр Зачиналов]

убедитесь присутствует ли в подключении 600 стиль шрифта, возможно есть только 500 или 700 и каждый браузер берет тот, который считает нужным, проверьте, одинаково ли отображаются шрифты при font-weight: bold и font-weight: normal - вместо 600 и 400

[lavezzi1]

Александр Зачиналов: Все проверил. По разному все равно

Answer 2

[mgreen]

Поздновато, но в FF есть поддержка directwrite и она по умолчанию включена - тоесть лиса перерисовывает шрифт сама если нет шрифта необходимой толщины. Задайте явно font-weight только для существующих шрифтов или отключите directwrite.