Тексти перекривають один одного на сайті

Проблема виникає внаслідок того, що різні пристрої та різні браузери можуть робити текст трохи по-різному, що може вплинути на висоту тексту (і як результат - текст, що перекриває один одного). Щоб вирішити цю проблему, дотримуйтесь таких рекомендацій:

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