Почему рендеринг текста — это ад (и почему он везде разный)

 Публичный пост

Наткнулся на классную статью Aria Desires "Text Rendering Hates You", которая подробно разбирает, почему такая, казалось бы, простая задача, как отображение текста на экране, на самом деле является невероятно сложной проблемой, полной компромиссов и костылей.

Автор на примерах показывает, с какими неочевидными вещами сталкиваются разработчики ОС и приложений, где есть текст:

  • Как браузеры хитрят при рендере лигатур из-за чего ломается прозрачность текста.
  • Как работают разные виды антиалиасинга (Greyscale vs Subpixel AA) и почему браузеры отказываются от subpixel рендера
  • Почему emoji 🧑‍💻렌더링 ломают привычные правила отображения текста
  • Почему выделение строки "Hello بسم الله There" работает так странно?
  • Как получилось так, что Firefox рисует шрифты лучше чем Chrome?
  • И почему в итоге "идеального" рендеринга текста просто не существует, а то, что мы видим, — результат исторических особенностей платформ, оптимизаций и даже багов, ставших "эстетикой".

Если хотите читать на русском, гугловский перевод - норм, но учтите, что он пытается перевести часть примеров
https://translate.google.co.uk/translate?hl=ru&sl=en&u=https://faultlore.com/blah/text-hates-you/

В каком софте по-вашему лучший текст?

2 комментария 👇

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

  Развернуть 1 комментарий

Как там называется тот эффект когда только недавно на что то натыкался, и вот оно снова тут? Буквально несколько дней назад пролистывал статью по ссылке) Правда не дочитал, дело перед сном было, уже вырубался.

  Развернуть 1 комментарий

😎

Автор поста открыл его для большого интернета, но комментирование и движухи доступны только участникам Клуба

Что вообще здесь происходит?


Войти  или  Вступить в Клуб