Почему на сайте нечетко выглядят веб-шрифты?

Question

[bristlehog]

Что бы я ни делал, шрифты отрисовываются с неприятно выглядящим сглаживанием:

В данном случае особенно страдает буква T, как видно на скриншоте (скриншот кликабелен).

Шрифт в данном случае Gilroy Extra Bold, размер 22px, формат woff2. Этот шрифт не реагирует на изменение font-weight, но на всякий случай скажу, что в примере font-weight=600. Браузер Chrome 73.

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

Comments

[Сергей delphinpro]

Шрифт запротый скорее всего.

[bristlehog]

Сергей delphinpro, шрифт с fontspring, маловероятно, что он испорчен. Кроме того, такая же проблема у меня возникает и при загрузке других веб-шрифтов с Adobe или Google Fonts, там шрифты точно не испорчены.

[bristlehog]

Артём Петренков, Chrome 73. Этих двух правил в CSS нет, насчет других правил не знаю, так как не разбираюсь в CSS.

[Rustam Bainazarov]

bristlehog, Windows 7?

[bristlehog]

Рустам Байназаров, Windows 10.

[Rustam Bainazarov]

bristlehog, пробуйте подключить только TTF.

[bristlehog]

Рустам Байназаров, это помогло! В чем было дело? И как исправить проблему с woff2? Я не хотел бы использовать только TTF, так как этот формат занимает 39 Kb, а woff2 - 14.

[Rustam Bainazarov]

bristlehog, TTF поддерживается ОС, что говорит о многом (информация о сглаживании, хинтинг и пр.).

Попробуйте подключить всё, кроме WOFF2 (браузер должен забрать WOFF).

[bristlehog]

Рустам Байназаров, с WOFF тоже нормально выглядит. Что же получается - у меня какой-то испорченный WOFF2?

[Rustam Bainazarov]

bristlehog, ну, словом, как я и подозревал. Это просто формат такой. Либо с ним не умеют ещё работать нормально разработчики.

Answer 1

[Юпитер Макс]

1. Сам шрифт может быть плохого исполнения.
2. Font-weight и не должен меняться, шрифт отрисован в одной версии. Хотите 300, 400, 600 ищите такой шрифт с соответствующим насыщением light, regular, bold
3. На отображение шрифта может влиять и сам монитор

Comments

[bristlehog]

1. Этот шрифт самый продаваемый на myfonts, маловероятно, что он плохого исполнения.
2. Меня устраивает жирность шрифта, не устраивает сглаживание.
3. Интересно, каким образом? У меня Full HD IPS монитор, системные шрифты очень четкие.

[Юпитер Макс]

bristlehog, ну вы же понимаете, что не все шрифты. даже самые популярные подходят для web. Используйте тогда Roboto, он самый популярный на google fonts

[bristlehog]

Юпитер Макс, мы уже выяснили, что проблема в woff2. Если грузить woff или ttf, шрифт выглядит нормально. Пока не знаю, почему с woff2 так происходит.