Шрифты в веб-дизайне

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

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

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

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

  • шрифты с засечками
  • рубленые шрифты (шрифты без засечек)

Шрифты с засечками — (англ. serif — засечка) шрифты начертание которых начинается и заканчивается штрихами. Например Times New Roman.

Шрифты без засечек (рубленые шрифты) — (англ.sans-serif —без засечки) шрифты со строгими ровными линиями без засечек. Например Arial.

Ниже Вы можете увидеть скриншот шрифтов с засечкой и без.

шрифты для web

Шрифты для web дизайна:

  • Arial
  • Arial Black
  • Arial Narrow
  • Book Antiqua
  • Century Gothic
  • Comic Sans MS
  • Courier New
  • Franklin Gothic Medium
  • Georgia
  • Impact
  • Lucida Console
  • Lucida Sans Unicode
  • Microsoft Sans Serif
  • Palatino Linotype
  • Sylfaen
  • Tahoma
  • Times New Roman
  • Trebuchet MS
  • Verdana

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

курсивный и наклонный шрифты

Из стандартных шрифтов в Windows не имеют курсива:

  • Arial Black
  • Comic Sans MS
  • Franklin Gothic Medium
  • Impact
  • Lucida Console
  • Lucida Sans Unicode
  • Microsoft Sans Serif
  • Sylfaen
  • Tahoma

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

Из стандартных шрифтов в Windows имеют жирное начертание изначально:

  • Arial Black
  • Impact
  • Lucida Console
  • Lucida Sans Unicode

Также есть шрифты, в которых отсутствует жирное и нормальное начертание.

правильный выбор шрифта для сайта решает

О нестандартных шрифтах мы поговорим в следующих уроках
Пред. урок След. урок