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

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

1. Антиква:

гуманистическая;
старого стиля;
переходная;
нового стиля;
брусковая.

2. Гротеск:

старый;
новый;
геометрический;
гуманистический.

3. Антиква-гротеск;

4. Рукописный шрифт:

формальный;
неформальный;
каллиграфический.

5. Декоративный;

6. Готический:

текстура;
бастарда;
фрактура;
ротунда.

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

Гуманистическая Антиква.

Ключевая гарнитура: Jenson, 1471.

Характеристики:

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

Применение: Ограничено (только в заголовках, не подходит для основного текста). Требует узкого интерлиньяжа.

2. Антиква Старого Стиля

Ключевая гарнитура: Garamond, 1530.

Характеристики:

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

Применение: ограничено (плохая читаемость в маленьком кегле — только для заголовков). Минимальный интерлиньяж.

3. Переходная Антиква.