Текст Zalgo нарушает макет и выглядит как поврежденный или вирусный текст в WordPressCSS

Разбираемся в CSS
Anonymous
 Текст Zalgo нарушает макет и выглядит как поврежденный или вирусный текст в WordPress

Сообщение Anonymous »

Я работаю над веб-сайтом на базе WordPress, где пользователи могут генерировать текст Zalgo (комбинация символов Unicode).
Проблема в том, что когда текст Zalgo генерируется, он визуально выглядит как поврежденный или вирусоподобный текст.
Он выходит за пределы контейнера, нарушает высоту строки, перекрывает другие элементы и иногда искажает макет страницы.
Примеры проблем:
  • Чрезмерное объединение символов складывается вертикально
  • Текст выходит за пределы контейнера
  • Высота строки становится нечитаемой
  • Разрывы макета внутри тем WordPress
Демо: https://tinytextmaker.com/
Как безопасно визуализировать текст Zalgo в HTML/CSS, чтобы:
  • он остается внутри контейнера
  • он не нарушает макет
  • он остается читабельным
  • он корректно работает в WordPress
Существует ли рекомендуемый подход CSS или JavaScript для нормализации или ограничения комбинирования символов Юникода?

Подробнее здесь: https://stackoverflow.com/questions/798 ... -wordpress

Вернуться в «CSS»