Блоггинг, создание сайтов, графика, дизайн, уроки, эксперименты, креатив :)
  

Выбор шрифта для сайта

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

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

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

  •  Arial
  • Arial Black
  • Comic Sans MS
  • Courier New
  • Georgia
  • Impact
  • Lucida Console
  • Lucida Sans Unicode
  • Palatino Linotype
  • Tahoma
  • Times New Roman
  • Trebuchet MS
  • Verdana

Это объясняется тем, что при открытии сайта пользователи используют ОС(операционные системы), в которых установлены стандартные шрифты. Поэтому при использовании на сайте эксклюзивного или нестандартного шрифта, есть риск некорректного отображения или полного отсутствия его в различных ОС.

Зная эту особенность отображения шрифтов, при создании сайта большая часть логотипов используется в формате jpg, png, gif, которые позволяют корректно передать эксклюзивный или нестандартный шрифт.

Так же существует 3 семейства шрифтов или 3 группы, на которые делятся шрифты:

  • Шрифты с засечками (serif). Особенность этого семейства — наличие засечек в конце букв. К этому семействе можно отнести такие шрифты как Georgia и Garamond.
  • Шрифты без засечек (sans-serif). Что бы понять принципиальное отличие от группы с засечками достаточно прочитать название, которое говорит само за себя. К этой группе можно отнести шрифты Arial и Verdana (мой любимый).
  • К третьей группе шрифтов относятся шрифты с одинаковой шириной букв (monospace). Шрифт Courier относится именно к этой группе.

Так же необходимо учитывать сглаживание шрифтов, которое в браузерах Safari и Internet Explorer 7 стоит по умолчанию. ВО все хе остальных браузерах, сглаживание начинается только с 17-18рх[custom_frame_center]Выбор шрифта для сайтаНадеюсь, что из этой краткой ознакомительной статьи, вы для себя почерпнули максимум пользы и информации для выбора шрифта. А на закуску как всегда веселое видео..

Прокопенко Ирина

Не ленитесь - Поделитесь!

0
  • Я бы ещё добавил помимо самого шрифта, стоит обращать внимание и на цвет текста. Например, мне понравилось чтобы основной текст был светло-серым(это прописано в css), при этом когда выделяешь текст жизным, он черный и хорошо смотрится и выделяется, а ссылки коричневые или ближе к оранжевому.

    • Ирина

      Хорошее замечание. Но именно цвета, я бы, отнесла больше к дизайну. Так же цвет шрифта должен гармонично сочетаться с фоном сайта. Если рассматривать цвет ссылок, то там следует учесть 3 парамета: цвет активной ссылки (link), цвет активной ссылки при наведении (hovered link) и цвет посещенной ссылки (visited link). Их цвет может быть как в одной цветовой гамме, так и в разных. Тоже задается в CSS

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

    • Ирина

      Спасибо, что напомнили. Про использование Google шрифтов будет отдельная статья

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

  • Мне бы тоже хотелось поэкспериментировать со шрифтами, все откладываю,вроде бы и стандартные неплохо смотрятся, хотя понимаю, что нет предела совершенству 🙂

  • Шрифт и цвет для меня всё! Пришлось даже с дизайнером одним распрощаться из-за несовпадения вкусов))

  • Видимо, «шрифтовый» вкус, как и музыкальный, нужно развивать. Иногда пишу людям от чистого сердца добрый совет, невозможно, мол, читать желтое на светло-зеленом, да еще и такой мелкий рябой шрифт. Нет, говорят, не твое дело, мне так нравится. Что тут скажешь?

    • Ирина

      Ответить можно только одно: «Не удивляйтесь, что на Ваш сайт кроме вас никто не заходит».

  • Посмотрев на название видео, даже о шрифтах забыла…

  • Рекомендации по шрифтам и цвету интересные. Нужно экспериментировать.

  • Мадина

    Я раньше крупным шрифтом писала у себя на сайте. Потом все переделывала. А так мне нравится times new roman.

    • Ирина

      Хороший выбор. Часто используется для деловых и официальных документов.

  • Я очень люблю вердану!

    • Ирина

      Как не странно, но мне тоже.

Архивы блога