Не отображаются пробелы в Safari

Есть сайт на wordpress, и в теге h1 есть текст, в котором не отображется один единственный пробел в браузере safari и на нескольких других браузерах на устройствах Apple, этот пробел не отображается ни на самом сайте ни в админке Wordpress, при этом елси поставить этот пробел то он будет отображаться как двойной в обычных браузерах на windows и android

Прикрепляю картинки для понимания проблемы

введите сюда описание изображения

введите сюда описание изображения

Кстати в коде элемента все то же самое, нет никаких скрытых символов, просто обычные пробелы

Сталкивался ли кто-то с такой проблемой ?

Пробовал приписывать разные стили, но кажется проблема связана с wordpress


Ответы (1 шт):

Автор решения: Qwertiy
  1. Выделяешь 3 символа (не 1, а 3) - вот так вот:

    скриншот выделения

  2. Копируешь

  3. Идёшь в консоль, вставляешь в строку (сначала пишешь кавычки, потом вставляешь между ними, а не наоборот) и дописываешь до такого:

    [..."к д"].map(x => x.codePointAt(0))
    
  4. Смотришь на результат:

    скриншот массива кодов

    Если там реально пробел, должно получиться:

    1. В массиве ровно 3 элемента
    2. Средний - это 32
    3. Все элементы меньше 65536
      • для латинских букв меньше 128
      • для кириллицы - где-то 1000 с хвостиком
  5. Если всё вдруг сошлось (в чём я сомневаюсь), повторяешь с пункта 1, но на этот раз копируешь не со страницы, а из девтулов.


А на самом деле, можно всего этого не делать, пойти в админку, так же выделить 3 буквы, удалить выделенное и написать заново с нормальным пробелом.

→ Ссылка