Начертание

Анатомия буквы, на что влияют детали

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

Итак, на картинке ниже вы найдете весь набор ингредиентов:

Tilda Education, Шрифт

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

Итак, как именно эти элементы работают на практике и зачем вам обращать на них внимание

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

Соотношение между основным и соединительным штрихами определяет контрастность шрифта. Гарнитуры шрифтов с выраженным контрастом штрихов наиболее удобочитаемы. Исключением являются случаи, когда контраст выражен слишком ярко и соединительный штрих становится чересчур тонким. Неконтрастный шрифт (например, в гротесках) лучше воспринимается при чтении отдельных слов и выделений.

Обратите внимание на свисания. Любопытно, что несмотря на то, что оптически высота строчных букв одинаковая, технически это не так

Некоторые округлые буквы — например, “о”, “с” и другие — слегка заходят за baseline и x-height, чтобы визуально при печати иметь ту же высоту, что и другие буквы. Эти выступающие части и называют свисаниями.

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

Дизайнер-модернист Массимо Виньелли, культовая фигура XX века, очень здорово описал значимость формы и контрформы в типографике в фильме про Гельветику (кстати, очень рекомендую посмотреть, полтора часа времени не потраченного впустую):

Кадр из документального фильма Helvetica (2007)

Про Массимо много написано, он оставил миру очень вдохновляющие идеи и мысли, почитайте как-нибудь для вдохновения.

Растровый шрифт

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

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

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

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

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

Система Windows XP использует общее средство установки для всех категорий векторных и растровых шрифтов.
 

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

При подготовке выходных файлов PostScript a dvi — драйверы часто используют этот тип шрифтов, когда они вставляют растровые шрифты, созданные программой METflFONT из векторного описания: dvi — драйвер извлекает растровые изображения из упакованных pk — файлов для всех Т Х овских шрифтов, использованных в документе, и преобразует их в PostScript овские шрифты в формате Туре 3 для включения в выходной файл. Таким образом, для принтера с более высоким разрешением вам необходимо перегенерировать все pk — файлы для этого разрешения — огромная работа, результаты которой к тому же занимают многие мегабайты дискового пространства. В качестве альтернативы вы можете использовать представления ТЕХ овских шрифтов в формате Туре 1; так, для шрифтов Computer Modern существуют как коммерческие, так и свободно распространяемые версии этих шрифтов. Похожие трудности возникают, когда вы хотите уменьшить размер страницы, чтобы напечатать две или более страниц на одном листе бумаги ( используя средства, описанные в гл.
 

В русскую версию Windows 3.1 входят также шрифты Arial Cyr, Times New Roman Cyr и Courier New Cyr — аналоги соответствующих шрифтов, включающие русские буквы. Растровые шрифты в этой версии Windows поставляются в русифицированном варианте.
 

Растровый шрифт задается матрицей точек, а векторный — рядом векторов, составляющих символ.
 

В русскую версию Windows 3.1 входят также шрифты Arial Суг, Times New Roman Суг и Courier New Cyr — аналоги соответствующих шрифтов, включающие русские буквы. Растровые шрифты в этой версии Windows поставляются в русифицированном варианте.
 

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

Разве лишь растровые шрифты оказались в дискриминированном положении: при печати на лазерных принтерах ( т.е. когда текущий драйвер принтера — это драйвер лазерного принтера) Windows 3.1 не позволяет пользоваться растровыми шрифтами. Фактически использовать растровые шрифты в Windows-программах нет необходимости: масштабируемые шрифты типа TrueType и PostScript Type 1 значительно удобнее. Разве лишь для вывода сообщений и меню на экран программистам иногда удобнее использовать растровые шрифты.
 

Применение в современной типографике

Польские автомобильные номера

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

• Среды разработки и редакторы исходного текста программ — благодаря использованию моноширинных шрифтов упрощается выравнивание строк и расстановка отступов согласно стандартам оформления, что позволяет лучше ориентироваться в коде;
• Интерфейс командной строки и эмуляторы терминала — в них, кроме форматирования вывода, моноширинный шрифт вместе с псевдографикой даёт возможность пользоваться расширенным текстовым интерфейсом пользователя;
• В технической литературе моноширинным шрифтом выделяют любой компьютерный текст — не только блоки исходного кода, но и ключевые слова языков программирования, имена файлов и каталогов, вводимую в программу информацию и т. д.
• В биологии моноширинным шрифтом пишут цепочки нуклеотидов и аминокислот;
• Выполняемые моноширинными шрифтом ASCII-рисунки позволяют менять шрифт на другой моноширинный без особых помех качеству изображения.
• Для печати простых документов вроде кассовых чеков;
• Системы оптического распознавания текста надёжнее работают с моноширинными шрифтами, поэтому такими шрифтами печатают документы, которые, возможно, будут автоматически сканироваться;
• Табулатуры для гитар;
• В западной театральной традиции сценарий печатают шрифтом Courier-12. Одна страница такого сценария длится примерно одну минуту. Такой способ оформления до появления компьютеров помогал вносить в сценарий изменения, сохраняя удобочитаемость и единство оформления.
• Частично моноширинные шрифты используются в автомобильных номерах — в частности, Европейского Союза, Украины, России.

Моноширинные цифры в пропорциональных шрифтах

Сверху пропорциональные цифры, снизу моноширинные

В типографском наборе числовых данных есть тонкость: в таблицах все цифры должны иметь одинаковую ширину (то есть выровненные по разрядам), с выравниванием чисел по правому краю, даже если набор идёт пропорциональным шрифтом. В Юникоде есть знак «цифровой пробел» (), по ширине равный моноширинной цифре. Плюс и минус обычно имеют такую же ширину.

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

Режим пропорциональных цифр включается командами OpenType; в CSS3 для этого используется конструкция / , либо / . Пример:

Восточноазиатские шрифты

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

Часто используются также «двухширинные шрифты»: иероглифы имеют «полную» ширину, а символы ASCII — ровно в 2 раза уже иероглифа. При этом в шрифтах имеются также и полноширинные версии символов ASCII и «узкие» версии некоторых восточноазиатских символов (например, катаканы).

HTML

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

Теги HTML для отображения текста моноширинным шрифтом

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

В CSS моноширинный шрифт в общем виде выбирается с помощью конструкции font-family: monospace (хотя можно также указать название конкретного моноширинного шрифта, например font-family: Lucida Console, monospace или font-family: Courier New, monospace).

Шрифт

В первом окошечке показывается название используемого в настоящий момент шрифта (гарнитура), например Times New Roman, справа от которого располагается стрелочка-треугольник. При нажатии на эту стрелочку появляется, или «выпадает» список других встроенных шрифтов, в том числе и недавно используемых.

Панель инструментов “Шрифт”

При наборе больших по объему текстов обычно стремятся использовать «спокойные» и привычные для глаз шрифты, к которым относится, например, упомянутый выше Times New Roman (Таймс Новый Прямой). Для документов и студенческих работ обычно рекомендуется использовать именно этот шрифт. В презентациях (Power Point) чаще используют и другие, более оригинальные шрифты, поскольку в слайдах текст чаще всего выполняет вспомогательную, поясняющую схемы и графики функцию.

Доступные шрифты

Классификация шрифтов

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

Все варианты, отличающиеся от стандартного, в базовой текстовой печати используются редко. А вот в рекламе они нашли широкое применение. Шрифты с оригинальной графикой уместны на афишах, листовках, буклетах, пригласительных билетах, в рекламных изданиях и т. п. Номенклатура шрифтов давно вышла за рамки ГОСТ 3489.1-71, 3489.38-72. Определяется она, по сути, возможностями издательского программного обеспечения.

Не будем больше вдаваться в графические подробности и рассмотрим более практико-ориентированную классификацию шрифтов – по назначению.

В типографиях повсеместно используется 4 категории шрифтов:

• Титульные (кегель 16-48).
• Выделительные (кегель 6-12).
• Текстовые (кегель 6-12).
• Плакатно-афишные (кегель больше 48 пунктов).

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

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

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

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

Живой пример

В процессе создания шрифта «5 копеек» (FE 5Cent), было важно добиться абсолютной четкости линий при «размере шрифта» (PPM) в 5 пикселей в Фотошопе или в любой другой программе. Шрифт FE 5Cent — это, пожалуй, самые большие «5 копеек», добавленные в вопрос пиксельных шрифтов

Шрифт FE 5Cent — это, пожалуй, самые большие «5 копеек», добавленные в вопрос пиксельных шрифтов

Это требование предполагало точное попадание в пиксель — размеры и метрики в итоговом рендеринге должны были ровняться целому числу пикселей. А именно, исходя из минимально возможных значений, толщина линий при заданном PPM должна быть ровна одному пикселю.

Значение UPM для шрифта предполагалось стандартное, в 1000 единиц.

Дано:

Задача: Найти количество Х у.е. для рендеринга в 1 пиксель.

Решение:

Ответ: 200 у.е.

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

Все по 200!

Понятие

Следует различать:

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

Комплект шрифтов, имеющих схожий рисунок, но различающихся начертанием (обычный, курсивный, жирный и т. д.), называется гарнитурой. Например, шрифты «Arial», «Arial Bold», «Arial Italic» и «Arial Italic Bold» составляют одну гарнитуру «Arial».

Фонт (от англ. font) — термин из компьютерного сленга, подменяющий слово «шрифт». Нередко употребляется более узко, в значении «файл шрифта». Иногда подменяет термин «гарнитура».

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

Учимся называть “палочки” штрихами и понимать, на что влияют засечки и заплечики

Alexandra KulikovskayaFollow

Mar 25, 2019 · 8 min read

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

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

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

Хотя пусть будет любое. Немного пафоса не повредит.

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

Иллюстрированный самоучитель по Microsoft Windows XP

Число шрифтов, которое нужно установить для нормальной работы в Windows, зависит от того, какие именно приложения Вы собираетесь использовать.

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

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

Стандарт Windows включает поддержку трех технологий шрифтов:

• растровых;
• векторных;
• шрифтов True Type.

Растровые шрифты

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

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

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

• D – обозначает принтер;
• E – обозначает дисплей VGA;
• F – обозначает дисплей 8514.

Таким образом, шрифт Courier, например, хранится в трех файлах: COURD. FON – для вывода на печать, COURE. FON-для отображения на экране в режиме VGA и COURF.

FON – оптимизированный для отображения на дисплее 8514.

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

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

Однако такие шрифты можно очень быстро отображать на экране, что снижает время, требуемое Windows для обновления содержимого экрана.

В составе Windows поставляется пять базовых растровых шрифтов: MS Serif, MS Sans Serif, Courier, Small Fonts и Symbol.

Векторные шрифты

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

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

В составе предыдущих версий Windows поставлялись три векторных шрифта – Roman, Script и Modern.

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

Шрифты True Type

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

В Windows каждый из шрифтов True Type хранится в файле с расширением TTF. Он содержит информацию о форме символов и коэффициенты, необходимые для масштабирования шрифта.

В составе Windows поставляется большое количество шрифтов True Type, включая группы Arial, Courier New, и Times New Roman, каждая из которых содержит несколько шрифтов различных стилей (обычный, курсив, полужирный и полужирный курсив).

Принтерные шрифты

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

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

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