Рендеринг текста вас ненавидит

[mistergrim]

Chrome, похоже, более агрессивно отключает субпиксельное сглаживание (не уверен, что это точная политика).

Как раз в Chrome недавно grayscale-сглаживание выпилили совсем.

[den_po]

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

body {
    transform: translateZ(0);
}

[mistergrim]

Я про другое. Убрали параметр lcd-text-aa.

[Denai]

Внутри Firefox есть небольшой жёстко закодированный массив однобитного пиксель-арта с крошечным атласом именно этих 16 символов. Так что при рисовании тофу он может переслать эти символы, не беспокоясь о шрифтах.

Вижу 9 пустых прямоугольников в firefox, а должен?

[Denai]

Да, в оригинале статьи и в начале лучше. Но не все эмодзи, видимо, не вставляются в статью. Комментарий на них режет.

[MikeLP]

Хорошая статья. Спасибо за перевод. С рендерингом шрифтов частенько случается лажа.
Помню как в 14 году хром на некоторое время сломал line-height хельветики и приходилось мониторить багтрекер когда это пофиксят.

[Alexeyslav]

Я подозревал что отрисовать текст не так просто, но чтобы настолько… это ужас. Фантазия человеческая не имеет границ…

[trdm]

Попробуйте реализовать табличный редактор 1С — вас ждет не менее увлекательное сафари :)
Я как-то пробовал, ощущения незабываемые.

img

[lain8dono]

но чтобы настолько…

На самом деле всё гораздо хуже. Всё перечисленное в статье и ещё множество неперечисленных нюансов надо делать быстро. А ещё текст иногда требуется изменять. Рендеринг текста это б̧̡͘о̶͞л̕ь̸̀͜.

[Osnovjansky]

В довесок напомню старенькое — про кернинг и субпиксельный рендеринг
habr.com/ru/post/112401

[Bas1l]

Да, например, в латехе можно настраивать кернинг, microtype, protrusion и все такое. Я такое когда-то читал: http://www.khirevich.com/latex/microtype/

[ValdikSS]

А я напомню про свои уезжающие кратки у й, которые у меня до сих пор уезжают.
habr.com/ru/post/262679

[kafeman]

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

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

[boolive]

Вот интересно, при выводе на принтер сглаживания, хинтинги отключаются? Различается ли алгоритм рендера?

[iShrimp]

У принтера высокое пространственное разрешение, но низкое разрешение по глубине цвета — как правило, 1 бит — есть краска или нет краски. Сглаживание и хинтинг ему не нужны, они только испортят края полигонов. Профессиональные принтеры сами интерпретируют тот же PostScript как им требуется. На бытовых принтерах задача отрисовки возлагается на софт — что приложение отправит драйверу, то и будет напечатано.

[mSnus]

Такое ощущение, что большая часть проблем — с индийскими и азиатскими шрифтами.

Нет ли возможности отключить ту часть движка рендеринга, которая за это отвечает? Если это ускорит Хром или будет жрать меньше памяти… В продуктах Adobe вроде Photoshop, например, есть отдельная галочка для этого в настройках.

[Alexeyslav]

Интересно каким образом, если это часть движка а не отдельный модуль? Такая галочка будет просто аналогом «использовать другой рендеринг», а кто будет поддерживать два принципиально разных движка которые не факт что будут отличаться кардинально по скорости? В конце концов, скачаете даташит на деталь, который есть только в азиатском варианте, а ваш движок не способен будет его отобразить…

[SlavniyTeo]

Есть что-то наподобие ответа (продолжения?): Text editing hates you too