Виды и размеры шрифтов: Типы и размеры шрифта | Мир сварки

чем различаются шрифты и как выбрать нужный — журнал брендингового агентства Repina branding

Brand-wiki

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

07 — 04 / 2021

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

Шрифты и гарнитуры

Шрифт — это конкретный набор символов, который мы используем для печати. Сходные по стилю шрифты объединяются в семейства — гарнитуры. Внутри гарнитуры шрифты различаются начертаниями: могут быть курсивными, жирными, тонкими, широкими или узкими. Например, Helvetica — это гарнитура, а Helvetica Bold — шрифт. 

В обиходе гарнитуру часто называют шрифтом. Но лучше использовать термины правильно. Иногда начертаний очень много: полужирные, тонкие, узкие… Например, в гарнитуре Acumin доступно целых 90 шрифтов!

И тут точность формулировок критически важна. Если попросить напечатать текст «шрифтом Acumin», будет совершенно непонятно, какое именно начертание нужно.

Чем различаются шрифты

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

Наличие или отсутствие засечек

Засечки — это перпендикулярные выступающие элементы.

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

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

Контрастность шрифта

Контрастность шрифта — разница между основными и соединительными штрихами. Если одни штрихи значительно тоньше других, это шрифт с высокой контрастностью. Если все штрихи одинаковые — контрастность отсутствует. Взгляните на предыдущий пример: шрифт в надписи Milk Chocolate контрастный, а в названии Hershey’s — нет.

Апертура

Апертура — это открытость знаков. Оценить ее можно по буквам, образующим незамкнутую фигуру — проще всего по букве «С». Если она больше напоминает незамкнутый круг, апертура маленькая, а если похожа на полукруг — апертура большая.

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

Насыщенность

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

Соотношения ширины и высоты знаков

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

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

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

Наклон основных штрихов

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

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

Наклон осей овалов

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

Соотношение ширины разных букв

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

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

Наборные и акцидентные шрифты

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

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

Виды шрифтов

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

Антиквы

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

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

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

Такие шрифты выглядят изящно и утонченно:

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

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

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

Брусковые шрифты

Эти шрифты появились в в XIX веке. Они напоминают антикву, но контрастность у них небольшая, а засечки — массивные и широкие.

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

Гротески или рубленые шрифты

У гротесков нет засечек и почти отсутствует разница в толщине штрихов — если она и есть, то совсем незначительная. Рубленые шрифты появились в конце XIX века и использовались как акцидентные: массивные буквы были видны издалека и хорошо привлекали внимание.

Сейчас гротески применяют и для заголовков, и для набора основного текста.

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

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

Геометрические гротески смотрятся лаконично и современно:

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

В 50-е годы XX века начали появляться закрытые равноширинные шрифты с широкими буквами и почти без контраста. Их назвали неогротески или новые гротески. Самый известный пример — гарнитура Helvetica.

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

Рукописные шрифты или скрипты

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

Изредка скрипты бывают наборными, но обычно это акцидентные шрифты.

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

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

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

Настраиваемые параметры текста

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

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

Кернинг — это расстояние между конкретными парами символов. Он бывает метрическим и оптическим. В первом случае расстояния вычисляются автоматически по правилам, заложенным в шрифте. Во втором случае кернинг учитывает форму букв. 

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

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

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

На внешний вид текста также влияет интерлиньяж — расстояние между строками. По умолчанию он равен 120% от кегля шрифта. Уменьшают его редко, иначе выносные элементы букв могут пересекаться и создавать путаницу. Читать очень плотный текст неудобно. Так что дизайнеры либо оставляют интерлиньяж автоматическим, либо увеличивают его. Оптимальные значения зависят от конкретной гарнитуры и назначения текста.

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

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

Закажите фирменный стиль
в агентстве Repina branding

Запросить стоимость

Блог

Мы любим слушать и любим говорить. Читайте наш журнал о брендинге и дизайне

Brand-wiki

Брендбук, логобук, гайдлайн, в чем разница?

Brand-wiki

Что такое брендбук и зачем он нужен

Brand-wiki

Что такое корпоративный стиль: примеры, функции и носители

Запрос коммерческого
предложения

Брендинг для

Компании
Продукта
Ритейла

Ваши контакты

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

Я согласен получать рассылку новостей агентства

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

Чертежные шрифты » Лазерное сканирование и архитектурные обмеры в Санкт-Петербурге | Архитектурная Фотограмметрия

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

Чертежные шрифты.

ГОСТ 2.304—81* устанавливает шрифты для надписей, наносимых на чертежах и технических документах всех отраслей промышленности и строительства. Чертежные шрифты характеризуются простотой конструкции букв, цифр и знаков. Для лучшего восприятия конструкции шрифта его построение показано на вспомогательной сетке (рис.1 а, б), шаг линий которой зависит от толщины линий шрифта. Наклон букв и цифр данного шрифта к основанию строки равен примерно 75°.

Рис.1. Чертежный шрифт с наклоном (тип Б): а – прописные буквы, б – строчные буквы, в – арабские цифры

Размер шрифта характеризуется высотой h прописных букв в миллиметрах (см таблицу).

Таблица Размеры букв и цифр чертежного шрифта типа Б по ГОСТ 2.304-81*

Параметры шрифта

Обозна-

чение

Относительный

размер

Размеры, мм

Размер шрифта:

– высота прописных букв

– высота строчных букв

h

с

(10/10)h 10d

(7/10)h 7d

2,5 3,5 5 7 10 14 20

1,8 2,5 3,5 5 7 10 14

Расстояние между буквами

а

(2/10)h 2d

0,5 0,7 1 1,4 2 2,8 4

Минимальный шаг строк

b

(17/10)h 17

4,3 6 8,5 12 17 24 34

Минимальное расстояние между словами

е

(6/10)h 6d

1,5 2,1 3 4,2 6 8,4 12

Толщина линий шрифта

d

(1/10)h d

0,25 0,35 0,5 0,7 1 1,4 2

П р и м е ч а н и е: g -наибольшая ширина буквы, g=6/10h

Установлены следующие размеры шрифта: 2,5; 3,5; 5; 7; 10; 14; 20; 28; 40.
Параметры шрифта зависят от размера шрифта h или от толщины линии шрифта d, равной 1/10h (рис. 2, а).
Высота строчных букв с определяется из отношения их высоты (без отростков h) к размеру шрифта h и составляет с = 7/10h.
Ширина большинства прописных букв равна б/10h (6d). Ширина букв А, Д, М, X, Ы, Ю— 7/10h (7d), а букв Ж, Ф, Щ, Ъ — 8/10d (8d).
Ширина строчных букв и арабских цифр, кроме цифры 1, составляет 5/10h (5d). В 16 случаях конструкция строчных букв повторяет прописные.

Рис.2. Основные типы шрифта и параметры в конструкции букв:
а — шрифт с наклоном (тип Б), б — без наклона (тип Б), в — построение шрифта по вспомогательной сетке, г — построение шрифта с толщиной линий, равной 1/14 высоты прописных букв (тип А)

Скругленные участки прописных букв выполняют в пределах двух толщин (2d) линий шрифта.

Расстояние а между буквами, соседние линии которых не параллельны между собой (например, ГА, AT), может быть уменьшено наполовину, т. е. на толщину d линии шрифта. Цифру 1 размещают на расстоянии от смежных цифр и букв, равном 2/10h. На рис. 1в дан вариант выполнения цифры 3.

Минимальным расстоянием между словами е, разделенными знаком препинания, является расстояние между знаком препинания и следующим за ним словом. Минимальный шаг строк b, или расстояние между основаниями строк, составляет 17/10h. Таким образом, величина промежутка между строками прописных букв должна быть не менее высоты строчных букв — 7/10h.

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

ГОСТ 2.304—81* устанавливает еще два чертежных шрифта — с наклоном и без наклона — таких же размеров, но другого типа (рис, 2, в, г), в которых толщина линии шрифта d составляет 1/14h.

Выполнение надписей.

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

Рис.3. Параметры шрифта (тип Б) (а) и приемы выполнения надписей (б)

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

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

Распечатать

uiAccess | Различные размеры шрифта

uiAccess | Различные размеры шрифта

|
Главная|
О|
Ресурсы|
Ссылки|
Карта сайта|

  путь навигации:
Главная > Ресурсы > О масштабируемом тексте > Различные размеры шрифта

Боковая панель для масштабируемого текста.

Относительные шрифты

со стилями

Этот шрифт не указан.

Этот шрифт на 100%

Этот тест 1em

Этот шрифт 2ex

Этот шрифт крупнее

Этот шрифт меньше

Абсолютные шрифты

со стилями

Этот шрифт не указан.

Этот шрифт 12pt

Этот шрифт 20px

Этот шрифт 20

Размер этого шрифта 0,15 дюйма

Размер шрифта 0,4 см

Размер шрифта 4 мм

Этот шрифт 1шт

Настройки шрифта

в HTML

Этот шрифт не указан.

Этот шрифт мелкий

Этот шрифт большой

Этот шрифт +1

Этот шрифт 1

Этот шрифт -1

Обсуждение

IE 5.5 для Windows

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

  • Не указано, 100%, чем больше, тем меньше и читабельнее.
  • 1em, 2ex и меньше очень малы и едва читаемы.
  • Остальные (12pt, 20px, 20, 0.15in, 0.4cm, 4mm, 1pc) не изменяют размер.

Преобразование одной единицы измерения в другую

Если вы конвертируете из одних единиц в другие, таблица вверху может помочь вам увидеть эквиваленты. Когда я изменил сайт Optavia с em на %, некоторые эквиваленты были такими:

размер шрифта (%) размер шрифта (em) Селектор
165% 1,7 мм ч2
125% 1,3 мм, 1,1 мм х3
87% 0,85 эм корпус
175% 1,8 мм цитата
100% 1эм [верхний список]

Для получения дополнительной информации (от W3C)

  • Размер шрифта в CSS2
  • Элементы стиля шрифта в HTML 4. 01 устарели в пользу таблиц стилей

Больше размеров шрифта в стилях

[столбец повторяется из
выше для сравнения]

Этот шрифт не указан.

Этот шрифт на 100%

Этот тест 1em

Этот шрифт 2ex

Этот шрифт крупнее

Этот шрифт меньше

Этот шрифт xx-small

Этот шрифт x-small

Этот шрифт маленький

Этот шрифт средний

Этот шрифт большой

Этот шрифт x-large

Этот шрифт xx-large


|
Главная |
О |
Ресурсы |
Ссылки |
Карта сайта |

Понимание нюансов классификации шрифтов

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

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

Основы типографики

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

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

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

History of Typeface Styles

Самые старые шрифты назывались blackletter и датируются 1400-ми годами. Эти ранние шрифты напоминали рукописную каллиграфию.

После блэклеттера появились первые шрифты с засечками. Засечки включают в себя небольшие выступы, которые завершают штрихи их форм букв (называемые засечками , откуда этот стиль и получил свое название). Появившись в 1500-х годах, первые засечки были засечками в старом стиле. Этот стиль включает Garamond и Goudy Old Style.

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

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

Плоские засечки — это последняя эволюция стиля с засечками. С появлением механизации (например, парового пресса, 1814 г.) и других важных инноваций в технологии печати, а также новой волны в рекламе, когда рекламодатели стремились к жирному шрифту, который действительно заявлял о своем присутствии, они были разработаны частично для того, чтобы противостоять гораздо больше промышленных процессов печати. У них небольшой контраст между штрихами, и большинство из них не заключены в скобки. Гладкие шрифты с засечками включают, среди прочего, Rockwell и Clarendon. Их иногда считают шрифтами для пишущих машинок, но они использовались гораздо более широко на протяжении 20-го века.

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

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

Завершают шрифты без засечек геометрический и гуманистический стили. Геометрические шрифты без засечек, как и современные шрифты с засечками, довели стиль до предела. У них есть формы букв, основанные на простых геометрических формах, особенно круглых формах «О», и они очень современны. Однако их ультрасовременные формы жертвуют читабельностью при меньших размерах. Futura — самый известный геометрический шрифт без засечек.

Гуманистические шрифты без засечек стремились сохранить некоторое влияние естественного почерка на формы букв более ранних шрифтов. Формы букв стали более доступными благодаря таким функциям, как переменная ширина штриха. Gill Sans — один из самых популярных шрифтов без засечек.

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

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

Загрузите PDF-версию этой инфографики.

• • •

Дополнительная информация в блоге Toptal Design:

  • Стили шрифтов для веб-дизайна и полиграфического дизайна
  • Вещи, которые вы могли не знать о типографике в Sketch
  • Скевоморфизм, плоский дизайн и развитие шрифтового дизайна
  • Как создавать собственные шрифты: 7 шагов и 3 примера из практики
  • Учебник: Как создать собственный значок веб-шрифта

Понимание основ

  • Какова цель типографики?

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

  • Что такое типографика в веб-дизайне?

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

  • Для чего используется типографика?

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

  • Чем шрифт отличается от гарнитуры?

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