Комбинирование шрифтов

• Не используйте больше чем 2 шрифта в макетах: один для заголовков, другой для основного текста. 

  

  
  

• Если используете 2 шрифта, выбирайте те, которые явно контрастируют между собой. 
  

  

  
  

  
  

• Заголовки и основной текст должны контрастировать между собой.
  

  

  
  

  
  

• В интерфейсах приложений и ПО чаще используется один шрифт разной жирности, потому что в насыщенных интерфейсах шрифт выполняет утилитарную функцию. Заголовки в интерфейсах приложений и ПО не должны быть такими акцентами, как например, в лендингах или странице блога.
  

  

  
  

Читабельность

• Длинные строки сложно читать. Ограничьте строку до 70-80 символов.
  

  

  
  

  
  

• Длинные тексты выравнивайте по левому краю
  

  

  
  

  
  

• Выстраивайте четкую визуальную иерархию. Разбивайте стену текста на абзацы и подзаголовки. Добавляйте отступы между абзацами. 
  

  

  
  

  
  

• Чем выше высота буквы x (x-height), тем читабельнее шрифт
  

  

  
  

  
  

• Для информационно насыщенных интерфейсов в приложениях и ПО отдайте предпочтение узким шрифтам, таким как Roboto, Inter, IBM Plex, Helvetica. Они позволят поместить больше текста на экран не потеряв читабельности.

  
  

• Убедитесь, что контраст в текстах больших размеров больше 3:1, и больше 4.5:1 для основного текста.
  

  

  
  

  
  

• Избегайте использование дисплей и рукописных шрифтов в основном тексте

  
  

• Избегайте использование тонкого шрифта в основном тексте
  

  

  
  

  
  

• Для длинных текстов используйте основной шрифт не меньше 15px. Для UI приложений и ПО - не меньше 14px на десктопе и не меньше 15px на мобильных устройствах

  
  

• Во многих шрифтах высоту линии нужно увеличивать на 120%-170% для читабельности. Чем меньше шрифт, тем больше должны быть высота линии. В некоторых шрифтах высота линии уже хорошо настроена, поэтому полагайтесь на свое ощущение, а не на строгое правило.