6 основных веб-шрифтов

Демонстрация наиболее распространенных шрифтовых семейств в веб-дизайне с примерами использования и описанием

Times New Roman

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

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

Используется для: печатных изданий, официальных документов, академических текстов.

Helvetica

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

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

Используется для: корпоративного дизайна, интерфейсов, вывесок, логотипов.

Courier New

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

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

Используется для: программирования, сценариев, технической документации.

Comic Sans

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

Неформальный рукописный шрифт, созданный Винсентом Коннаре в 1994 году. Имитирует текст из комиксов. Несмотря на критику, остается одним из самых узнаваемых шрифтов.

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

Impact

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

Жирный гротеск без засечек, разработанный Джеффри Ли в 1965 году. Отличается высокой плотностью и узкими межбуквенными промежутками, что создает эффект "ударности".

Используется для: заголовков, мемов, рекламных материалов, плакатов.

Arial

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

Один из самых распространенных шрифтов без засечек. Создан в 1982 году как альтернатива Helvetica. Отличается хорошей читаемостью на экранах и широкой доступностью.

Используется для: веб-сайтов, документов, презентаций, интерфейсов.