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

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

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

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

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

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

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

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