1. Не увлекайтесь. Не стоит использовать множество шрифтов в веб-дизайне, даже если они отличаются привлекательностью. Вы сделаете сайт ляпистым и примитивным.
2. Читабельность! Если стоит выбор между удобством для пользователя и оригинальностью, выбирайте первое. Ведь вы делаете ресурс для людей, которые должны не просто прийти на сайт, но и остаться там.
3. Выделяйте главное. Грамотное использование типографики сразу акцентирует внимание пользователя на главной цели, основных элементах проекта. Если шрифт вступает с дисгармонию между направлением ресурса — это ошибка, требующая немедленного исправления.
4. Приоритет отдавайте тексту. Помните, что типографика важнее, чем красочное наполнение. Ресурс — это, прежде всего текст, а не яркие картинки.
5. Учитывайте соотношение между контентом и рекламными блоками. В идеале делите предварительно страницы ресурса на пропорции: реклама/текст в соотношении 5/3 или 3/2.

• по размеру букв
• толщине
• наклону
• промежутку

1. San-Serif («Гротеск»), простой шрифт без дизайнерских засечек.
2. Serif fonts («Антиква»), обладают засечками.
3. Акцидентные варианты (декоративная группа). Преимуществом становится яркость выделения и привлекательность для веб-дизайна. Но учитывайте, что они сложнее по восприятию и читабельности. Их лучше применять для выделения одного слова (фразы) или использовать в логотипах.
4. Handwritting (рукописные). Оригинальные разработки для основы ресурса. Но также не стоит слишком обильно их употреблять, применяя для отдельных выделений или лого.
5. Моноширинная группа. Отличием становится одинаковость букв с измерением по горизонтали.
6. Символьные. Имеются в разных подгруппах (Icomoon, Stroke, Fontawesome) в виде оригинальных иконок.

Группа шрифтов, различающихся по стилистике (габаритам, типу), но обладающих исключительным, единым стилевым решением называется «гарнитурой». Обычно основа гарнитуры состоит из определенного набора знаков.

• гарнитура: объединение нескольких групп шрифта для веб-дизайна;
• шрифт: вариант начертания отдельных знаков.

Типографика имеет длинную историю и подчиняется собственной моде. Во времена, когда она только формировалась, дизайнеры пользовались необычными по структуре и форме шрифтами. В тот период модным считалась вычурность, которая со временем пришла к гармоничной классике — читабельным с простым по виду шрифтом.

1. Использовать 2-3 вида шрифта для design. Чрезмерное увлечение ими показывает непрофессионализм дизайнера. Для заполнения сайта используйте шрифты, которые схожи между собой по визуалу и гармонично объединяются. Например, удачным выбором становится варианты Verdana и Georgia с одинаковой шириной символов. А вот Impact и Baskerville — яркий пример неудачного сочетания, эти шрифты не одинаковы по ширине.
2. Применять стандартные варианты шрифтов для основы ресурса. Пользователям лучше «заходит» привычная классика. Это true-шрифты, куда входят системные варианты Calibri и Arial. Осторожно и внимательно используйте нестандартные рукописные шрифты (например, старославянские и готические).
3. Делайте буквы читабельными. В типографике есть варианты шрифтов, в которых можно перепутать отдельные буквы. Для пользователя сложным становится слишком маленькие буквенные расстояния. Не используйте шрифты, которые плохо воспринимаются для чтения!
4. Помните, что пользователь может заходить на сайт с разных устройств (ПК, телефона, планшета). Поэтому применяйте адаптивные варианты для веб-дизайна, которые читаются независимо от размера экрана.

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

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

При разработке визуала контента учитывайте и следующие правила:

• используйте эмодзи и пиктограммы для веб-дизайна, но там, где это уместно для повышения динамики восприятия текста;
• форматируйте и разделяйте текст на абзацы для удобства восприятия (идеальным считается абзац из 3-5 предложений);
• используйте выделения (курсив, подчеркивание, жирным, полужирным), эффект перечеркивания работает если фразе нужно придать оттенок иронии;
• не используйте капслок, большие буквы воспринимаются пользователями, как повышение голоса, истерия, ругательство;
• не делайте предложения слишком длинными, оптимальное для восприятия количество букв (символов) на одну строку 50-60 для текста ПК и 30-40 символов для мобильных устройств;
• отслеживайте длину межстрочного интервала в основе (лучше делать увеличенным), придерживайтесь правила, что размер интервала больше на 30% высоты букв.

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

Только после того, как вы сформируете представление по направленности ресурса, можно приступать к выбору типографического шрифта. Ну а дополнять коллекции шрифтов для web можно различными способами, используя как платные, так и бесплатные ресурсы.

Бесплатные коллекции

• https://videoinfographica.com/best-free-fonts-vol1/
• https://videoinfographica.com/free-cyrillic-fonts-vol1/
• http://ru.legionfonts.com/typography-fonts
• http://rejump.ru/podborka-iz-30-besplatnyh-shriftov-kirillitsa/
• https://habr.com/ru/company/ua-hosting/blog/337358/
• https://www.fontspace.com/category/typography
• https://skillbox.ru/media/design/fonts-2021/
• https://fonts-online.ru/use/free
• https://fontstorage.com/ru/category/
• https://artrange.ru/krasivyie-shriftyi-v-2021-70-trendovyih-shriftov-kotoryie-mozhno-skachat-besplatno/

Платные коллекции

• https://typetype.org/ru/
• https://www.paratype.ru/
• https://vc.ru/design/278592-universalnye-platnye-i-besplatnye-kirillicheskie-shrifty
• https://store.artlebedev.ru/type/
• https://ffont.ru/special

Типографика — это важнейшая часть основы современного текстового оформления сайта. Умея разбираться в этой сфере графического веб-дизайна, грамотно подбирая гарнитуру и отдельные шрифты, вы сможете выгодно и эффективно подать контент, сделав его приятным и полезным для пользователя. А при наличии опыта в typography, вы можете создавать и собственные авторские шрифты в едином стиле, неплохо заработав на таком умении.