Чтобы понимать более сложный материал, важно ознакомиться с понятиями и терминами типографики. Они отлично изложены в статье «Типографика в вебе». Рекомендуем также ознакомиться с более свежим материалом на эту тему — «Типографика в дизайне сайта: основные понятия».

«Типографика в веб-дизайне: 10 полезных советов» содержит базовые, но полезные новичку советы, которые помогут вам избежать глупых ошибок. На эту же тему можно почитать статью «10 правил типографики в интерфейсах». Про особенности шрифтов на экранах можно почитать в этой статье. Еще мы перевели статью про адаптивную типографику, которая дает понять, откуда «растут ноги» у многих правил и рекомендаций части веб-дизайна. А в#nbsp;этой статье — много информации о том, как правильно подобрать шрифт.

Еще мы писали хорошие посты про правила оформления текста и про контрастность текста. Кстати, низкая контрастность текста — частая дизайнерская ошибка. Про другие ошибки можете прочитать здесь.

В помощь начинающему веб-дизайнеру — масса ресурсов с бесплатными шрифтами. Их подборка есть в этой статье. Особо хотим выделить русскоязычный ресурс с лаконичным названием «Бесплатные шрифты», а также английский ресурс DaFont, полезный своими необычными директориями. Где еще вы подберёте идеальный шрифт для инициалов или найдете целую группу шрифтов с эффектом эрозии? А если вы ищете что-то особенное, почитайте статью «Креатив в шрифтах и тексте».

Для тех, кто работает в Figma, есть полезный плагин Better Font Picker, который помогает с выбором шрифта.

Вы же помните, что лонгриды в тренде? Если вам (не) повезло с ними работать, почитайте статью «Как съесть слона: способы детализации большого текста».

И по традиции — подборка видео: