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

Однако, не все наборы шрифтов одинаковы. Разные компьютеры могут иметь разные наборы шрифтов. Эта обязательно надо учитывать при создании сайта. Если вы решите использовать шрифт, которого нет в стандартном наборе шрифтов у пользователя вашего сайта, то страница может отображаться не корректно.

При разработке сайта, правила CSS для вашего семейства шрифтов, например, могут выглядеть следующим образом:

font-family: : Arial, Helvetica , sans-serif ;

Первый шрифт в списке — Arial, он является чрезвычайно распространенным шрифтом и есть на большинстве компьютеров, так что можно быть уверенным, в том что содержимое вашего сайта будет отображаться правильно. Однако, если случится так, что этого шрифта не будет, то используется следующий по списку шрифт Helvetica. Он очень похож на Arial и используется чаще на компьютерах Apple. Но если браузер не найдет и этот шрифт, то будет использоваться любой шрифт без засечек.

В общем веб-безопасные шрифты делятся на 4 типа или семейства: serif (с засечками), sans serif (без засечек), cursive (курсив), и monospace (моноширный). Каждый из этих типов имеют основные шрифты и резервные.

Шрифты с засечками.
В основном такие шрифты используются для заголовков. Рассмотрим список веб-безопасных шрифтов с засечками:

  • font-family: ‘Bookman Old Style’, serif;
  • font-family: ‘Arial Black’, Gadget, sans-serif;
  • font-family: Impact, Charcoal, sans-serif;
  • font-family: ‘MS Sans Serif’, Geneva, sans-serif;
  • font-family: ‘MS Serif’, ‘New York’, sans-serif;
  • font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
  • font-family: Verdana, Geneva, sans-serif;
  • font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
  • font-family: Tahoma, Geneva, sans-serif;

Моноширные шрифты.
Все буквы этих шрифтов имеют одинаковую ширину, поэтому их еще называют не пропорциональными шрифтами. Моноширные шрифты часто используют для создания таблиц.

  • font-family: Courier, monospace;
  • font-family: ‘Courier New’, Courier, monospace;
  • font-family: ‘Lucida Console’, Monaco, monospace;

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

  • font-family: Arial, Helvetica, sans-serif;
  • font-family: ‘Arial Black’, Gadget, sans-serif;
  • font-family: Impact, Charcoal, sans-serif;
  • font-family: ‘MS Sans Serif’, Geneva, sans-serif;
  • font-family: ‘MS Serif’, ‘New York’, sans-serif;
  • font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
  • font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
  • font-family: Tahoma, Geneva, sans-serif;

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

  • font-family: ‘Comic Sans MS’, cursive;