Какая причина идиотизма со шрифтом?

Question

[PiggyPig]

Подключил через Google Fonts шрифт. Вроде все нормально было некоторое время. Сегодня смотрю - буквы стали какими-то погрызанными. Ничего не менял. Значение выставлено в процентах, но по проверкам сделал вывод, что это погоды не дает.
Посмотрел на самом Google Fonts. Как ни насиловал шрифт на их сайте - идеально гладкий и ровный.
Следующим шагом начал смотреть всевозможные сглаживания для шрифтов. Попробовал множество фич по сглаживанию - все равно видно.
Собственно, чего болтать в пустую, примеры в студию.

Нужный мне размер - 110% от body (эквивалентно 19px)


Размер побольше - 130% (эквивалентно 23px)


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

1) Сам Google держит его у себя на сайте.
2) Шрифт - Ubuntu. Конечно это может не иметь отсылки к Linux, но все же...

В общем, есть ли у кого мнение на этот счет? Не хотелось бы ковыряться в поисках аналога. Среди самих гугловских шрифтов мне уже точно нечего искать на замену.

Answer 1

[Exploding]

Я не знаю в этом ли причина, но у меня была похожая ситуация с Roboto. У заказчика то ли драйвера не родные стояли на видео, то ли в самой win было не настроено сглаживание, то ли ещё что-то, но шрифт вел себя на его компе очень плохо. "Погрызаный" какой то был, в начале даже непонятка вышла, он говорит "в номере телефона цифру 4 вместо 1 нужно! Я знаю что не может быть такого, т.к. телефоны копировал со старого сайта, поэтому опечатка исключается. Выяснилось в итоге, что именно у него на компе шрифт именно в одном размере почему-то так коряво отображается. Очень похоже на то что у автора вопроса.
Так кстати ещё и не выяснили в чем трабл, т.к. у меня неначем тестить.
Может быть и я тут ответ найду:)
Вот, собственно такой вариант.

Comments

[PiggyPig]

Шрифта Ubuntu у меня нет на ПК. Ранее никогда не замечал такого с ним.

Answer 2

[Localhost]

body{
font-style: normal;
font-family: 'Шрифт', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing:grayscale;
}

Comments

[PiggyPig]

Я как раз про эти фичи со сглаживанием писал в описании вопроса. Немного сглаживает, но буквы-то все равно порезанные.

[Localhost]

а скачать шрифт пробовали? и подключить его (локально).

[PiggyPig]

Нет, не пробовал.
Поставил значение font-style: normal и перезагрузил страницу. Шрифт стал нормальный. Включил адаптивный режим и перезагрузился - погрызанный. Выключил режим, обновил - нормальный. Уже точно что-то с этим завязано.

Answer 3

[Stalker_RED]

Этот? https://fonts.google.com/specimen/Ubuntu
Вроде как с ним всё нормально


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

Comments

[PiggyPig]

Так я про то же. Как я его у них на сайте не насиловал - безупречно.

[PiggyPig]

Поставил Firefox. Там такого пока не обнаружил. А вот в Chrome такая ерунда есть.

[PiggyPig]

Поставил значение font-style: normal и перезагрузил страницу. Шрифт стал нормальный. Включил адаптивный режим и перезагрузился - погрызанный. Выключил режим, обновил - нормальный. Уже точно что-то с этим завязано.

Answer 4

[dummyman]

* {
    text-rendering: geometricprecision;
}