Статьи
★ Рубрика: Статьи
★ Тема: дизайн

Почему стоит уделять внимание шрифтам

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

Трюки со шрифтами в тексте

  • Цитата. Смена шрифта или стиля (типично italic) используют, чтобы выделить цитату.
  • Комментарии. Чаще всего меняют размер шрифта. Так как комментарии часто могут содержать спам или просто наборы символов, то стоит размер шрифта делать меньшим чем в основном тексте.
  • Буквица. Первая буква абзаца или статьи другим увеличенным шрифтом позволяет красиво оформить текст и привлечь внимание.
  • Спойлер. Скрытый текст, который показывают по клику также стоит выделить. Тут разумно менять цвет текста.
  • Ссылка. Традиционно используют другой цвет текста в отличие от основного цвета и предпочтение ярким цветам. Также цветом выделяют ссылку по которой уже был ранее переход.

Что надо знать веб-мастеру

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

  • Будьте внимательны, используя экзотические шрифты и подключайте исключительно бесплатные шрифты так как использование коммерческих шрифтов может иметь серьезные и неприятные последствия.
  • Тестируйте скорость загрузки шрифтов, если шрифт подтягивается из какого-то репозитария.
  • Всегда перечисляйте альтернативы шрифтов в стилях. Ваш основной шрифт может не загрузиться или быть испорченным.
  • Помните о ширине букв шрифтов. У всех шрифтов, которые вы используете должны быть приблизительно одна ширина, иначе текст будет смотреть очень некрасиво и может разрушать вашу структуру.
  • Выравнивание текстов требует аккуратности. Если на широком поле, выравнивание по ширине желательно, так как создает эффект завершенности, выравнивает правую границу, то на узких экранах длинные слова без переносов создадут эффект растянутости (много пробелов между словами). Часто об этом забывают при верстке адаптивных стилей под разные размеры экранов.

И последний совет. Буквы и символы могут быть элементами дизайна.


Войти и комментировать [ Вход | Регистрация ]