Тексты на сайте накладываются друг на друга

Проблема возникает из-за того, что разные устройства и разные браузеры могут отображать текст немного по-разному, что может повлиять на высоту текста (и, как следствие, на перекрытие текста). Чтобы решить эту проблему, вы можете следовать этим рекомендациям:

1. Не используйте значение 0 для параметра «Высота строки» для шрифтов в меню «Стили». Здесь «0» означает «нормальный» и может интерпретироваться по-разному на разных устройствах и в разных браузерах. Например, если вы используете размер шрифта «16», тогда высота строки может быть около «19-20», что сделает текст более читабельным.

2. Не забудьте установить стиль текста в текстовом виджете. Дважды щелкните, чтобы отредактировать текст, выберите текст и посмотрите, что выбрано в левом раскрывающемся списке текстового редактора.

3. Избегайте создания очень больших текстовых виджетов (содержащих много текста). Если у вас есть один, просто попробуйте разделить его на несколько текстовых виджетов. Несмотря на то, что вы выполнили рекомендации (1) и (2), некоторые устройства и браузеры могут продолжать отображать текст немного по-другому. Скорее всего, вы не увидите разницы в небольших текстах, но когда на сайте есть большие текстовые блоки, проблема может стать более очевидной.

4. Используйте стандартные шрифты Google, которые поддерживаются на большинстве устройств:

  • Roboto
  • Open Sans
  • Lato
  • Slabo 
  • Oswald
  • Source Sans Pro
  • Montserrat
  • Raleway

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

Рейтинг: 9.00 из 10
Спасибо. Ваш голос учтен.
Оценок: 1273