Использование шрифтов. Виды шрифтов и их классификация

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

Основные группы шрифтов

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

Serif (с засечками)

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

Slab serif (прямоугольные засечки)

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

Script (пропись)

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

Blackletter (готический шрифт)

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

Sans serif (без засечек)

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

Handwriting (рукописный шрифт)

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

Decorative (декоративный)

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

Подборка и совмещение шрифтов

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

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

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

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

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

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

Как смешивать и использовать шрифты в тексте

Рассмотрим несколько принципов совмещения шрифтов, которые позволят добиться красивого оформления текста.

Сайт должен быть читабельным

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

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

Не используете большое количество разных шрифтов

Создавая дизайн проекта, старайтесь не использовать большое количество шрифтов. Оптимальным количеством для использования будет три шрифта. Этому есть несколько причин:

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

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

Применяя не более трех шрифтов, вы экономите свое время, но при этом веб-сайт выглядит отлично.

Не используйте неподходящие сочетания

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

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

Примеры объединения шрифтов

Для примера рассмотрим страницы нескольких сайтов, где грамотно подобраны шрифты.

Заголовки:
Sentinel (serif slab)

Параграфы:
Gotham Narrow (sans-serif)

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

Заголовки и параграфы:
Freight Text Pro (serif)

Остальное:
Freight Sans Pro (san-serif)

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

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

Заголовки:
PMN Caecilia (slab serif).

Параграфы:
Gill Sans (sans-serif)

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

Присутствующие на этом ресурсе оба семейства шрифтов имеют отличное сочетание, что позволяет посетителю с легкостью читать весь текст.

Заголовки и параграфы:
Skolar (serif)

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

Большинство шрифтов конца XX века в основной массе или копируют, или варьируют старые шрифты, в разработке которых участвовали Альд Мануций, Леонардо да Винчи, Лука Пачиоли, Альбрехт Дюрер, Клод Гарамон и другие знаменитые художники и графики.

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

· Антиква.

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

· Египетские.

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

· Гротеск.

Шрифты типа гротеск не имеют ни контрастов, ни засечек, штрихи в них выделяются, как правило, жирностью начертания. Видимо, эта необычность рисунка и чернота линий послужила основанием для их названия (франц. Grotesque - причудливый, комичный). В рекламных отделах русских газет они появились в первой четверти XIX века и долгое время не выходили за пределы этого отдела. Сегодня, с большим основанием названные рубленными, эти шрифты широко применяются в заголовках и текстах.

Все типографские шрифты условно можно разделить на следующие категории:

· Текстовые.

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

· Титульные.

Это шрифты более крупных кеглей - от 14 до 48 пунктов, применяемые для набора титулов, обложек, рубрик, газетных заголовков и различных акцидентных работ. Многие гарнитуры содержат титульные шрифты (по кеглю), другие же являются только титульными. Шрифты мелких и крупных кеглей одной и той же гарнитуры могут быть использованы: первые - как текстовые, вторые - как титульные.

· Акцидентные

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

Классификация шрифтов по ГОСТу.

В государственном стандарте на шрифты все типографские шрифты разделены на 6 основных групп и одну дополнительную. Существует самая непосредственная связь между типографской и исторической классификациями. Из трех разновидностей антиквы образованны три самостоятельные группы типографских шрифтов: новые малоконтрастные соответствуют рисунку старой антиквы, медиевальные - переходной, обыкновенные - классической. Ленточная антиква получила в типографском каталоге название шрифта с едва наметившимися засечками. Группа брусковых шрифтов вобрала в себя отличительные признаки египетских. Популярные ныне рубленые шрифты и в старых, и в новых гарнитурах соблюдают гротесковую природу шрифтов этого типа. Контрастные рубленые (например, гарнитура Центральная) вместе с другими «нарушителями» стандарта оказались за пределами классификации.

Гарнитуры - это подгруппы или подклассы шрифтов, одинаковых по рисунку, свойственному той или иной группе, и разных по начертанию и кеглю. В ГОСТе насчитывается около 40 типографских шрифтов, а в практическом обиходе гораздо больше, что позволяет и индивидуализировать и разнообразить шрифтовое оформление периодических изданий. Таким образом, в соответствии с классификацией типографских шрифтов согласно ГОСТу, выделяют следующие группы:

· Группа рублёных шрифтов.

В эту группу входят гарнитуры, не имеющие засечек, например: Журнальная рублёная, Древняя, Плакатная,

· Букварная группа шрифтов.

Группа шрифтов с едва наметившимися засечками

Сюда входят гарнитуры, концы штрихов которых немного утолщены, например, Октябрьская.

· Группа медиевальных шрифтов.

Это наиболее полная группа шрифтов. Засечки шрифтов, входящих в эту группу, плавно сопрягаются с основными штрихами и, как правило, строятся как дуги окружностей. Примеры гарнитур этой группы: Литературная, Банниковская, Лазурского, Таймс.

· Группа обыкновенных шрифтов.

Шрифты этой группы имеют ярко выраженный контраст и длинные тонкие прямые засечки, соединяющиеся с основными штрихами под прямым углом. Пример: Обыкновенная новая, Елизаветинская, Бодони.

· Группа брусковых шрифтов.

Контраст в этих шрифтах отсутствует или малозаметен, утолщенные прямые засечки соединяются с основными штрихами под прямым углом. Примеры: Брусковая газетная, Балтика.

· Группа новых малоконтрастных шрифтов.

Как правило, шрифты этой группы, которые характеризуют длинные закругленные засечки, мягко сопрягающиеся с основными штрихами, используются при наборе большого количества текста, в книгах и газетах. Примеры: Новая газетная, Школьная, Бажановская, Журнальная, Академическая.

· Группа дополнительных шрифтов.

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

Классификация компьютерных шрифтов.

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

· Roman - эта группа определяет шрифты с засечками (например, Таймс и Бодони).

· Swiss - группа рубленых шрифтов с переменной толщиной штрихов (Гельветика, Футура и другие).

· Modern - группа, в которую входят шрифты с постоянной толщиной штрихов (Курьер);

· Script - группа рукописных шрифтов;

· Decorative - группа декоративных шрифтов;

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

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

· В векторных (или контурных) шрифтах символы представляют собой криволинейные контуры, описываемые математическими формулами. Каждый знак описан с помощью векторов, определяющих координаты опорных точек, которые соединены прямыми или кривыми и образуют контур знака без привязки к абсолютному размеру или разрешению. Такое описание позволяет увеличить масштаб изображения без потери качества, что невозможно в случае с растровыми шрифтами. Векторные шрифты одинаково выглядят как на экране, так и на бумаге. Существует несколько различных форматов векторных шрифтов, различающихся способом хранения и представления информации о шрифте: PostScript Type1, TrueType, OpenType.

· Алгоритмические шрифты используют специальные языки описания символов. Они содержат команды управления, описания переменных и массивов, ассортимент расчетных функций и функций обмена с внешней средой. Алгоритмические шрифты характеризуются наибольшим ассортиментом возможностей при формировании символов, а также гибкостью при определении графемы, а затем и других параметров (в том числе и дизайна). Недостаток их заключается в трудоёмкости построения шрифтов.

Классификация шрифтов по назначению.

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

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

Правильное использование шрифта играет важную роль. Шрифт должен быть не только красивым, но экономичным, что характеризуется емкостью и определяется средним количеством знаков, которые могут разместиться в строке, в полосе. С производственно-технологической точки зрения среди требований к шрифтам относят точность воспроизведения графики шрифта в разных видах печати - высокой, глубокой, плоской, механическая прочность и линейная точность шрифта как элемента печатной формы при получении оттисков в печатной машине. Под гигиеническими требованиями к шрифту понимается его удобочитаемость. Исследования показали, что важно подбирать правильно и длину строки и размеры пробелов между словами. Например, для детей дошкольного и младшего школьного возраста необходимы четкие, простые по рисунку шрифты 12-16 пунктов, для взрослого читателя - шрифты 8-10 пунктов, в справочных изданиях - кегль шрифта может быть снижен. Результаты исследований также показали, что текст, набранный прописными буквами, замедляет скорость чтения, а кроме того, занимает больше места, порой на 50 процентов; курсив читать труднее, чем прямое начертание; очень короткие строки, так же как и очень длинные, читать труднее. При выборе основного шрифта издания следует принимать во внимание характеристики бумаги. Например, романские шрифты «старого стиля» удачно сочетаются с грубой бумагой, а шрифты стиля «модерн» лучше смотрятся на гладкой или мелованной бумаге. Кроме того, на выбор шрифта влияет способ печати. Некоторые шрифты из-за очень тонких засечек плохо воспроизводятся офсетной печатью.

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

1. Шрифт с засечками (Serif)

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

Старый стиль

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

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

Современный стиль

Современный стиль или так называемый Modern, а так же Didone. Внешний вид современного стиля отличается некой отчужденностью шрифтов. Здесь уже нет такого, явного, подражания клинописи. У шрифтов современного стиля засечки горизонтальные и более тонкие, а так же явно выраженный, контрастный переход от толстой линии к тонкой и очевидный вертикальный нажим.

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

Египетский стиль

Египетский стиль иногда называется Claderon, по названию первого шрифта этой группы. Их отличительная особенность – едва заметный переход от более толстой линии к тонкой, а зачастую и вообще его отсутствие. Засечки строчных букв у этих шрифтов горизонтальные и толстые. Еще одно название этой группы Slab Serif, что в переводе с латинского означает – прямоугольные.

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

2. Рубленый шрифт

Слово sans в переводе с французского означает «без», таким образом, название этой группы переводится как «без засечек». В рубленом шрифте практически нет нажима при переходе от более толстой линии к тонкой, что делает его более единообразным по толщине.

Вообще, считается, что шрифты с засечками более удобны для чтения, но что касается веб-дизайна, то тут не существует однозначного мнения. В основном это связано с техническими особенностями монитора. Но все остается на ваше усмотрение.

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

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

4. Декоративный шрифт

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