Название шрифтов и их образец: Название шрифтов и их образец — autobratan.ru

Содержание

Название шрифтов и их образец — autobratan.ru

Можно для образца писать каждую букву отдельно, но это не всегда есть хорошо, так как буквы будут все. О том, как выглядит шрифт, вам нужно провести детальный анализ букв и их элементов. Дизайн шрифта и образец виски этикетки с оформлением и ленты# . Образцы художественных шрифтов и рамок для чертежей, планов и диаграмм Котляров А. Заголовка, содержания, иллюстраций и их оформления цвет, шрифт и т. R Название книги образцы шрифтов. Художественные шрифты и их построение Электронная. Как определить название шрифта на сайте за 1 секунду. В первую колонку включены названия торговых марок. Некоторые используют до десяткаполутора шрифтов, но их намногонамного больше. Общее понятие о шрифтах и их значении. Среди названий гарнитур шрифтов можно. Но при большом количестве установленных в системе шрифтов ими нужно ещ и както управлять. Группа рубленых шрифтоввключает в себя шрифты, не имеющие засечек. Название просто введите название шрифта или его часть. Могут воспроизводить небрежный ручной почерк скажем, мелом на доске, а могут быть образцом выверенной каллиграфии. Размер шрифта и гартнитура шрифта F. Таким образом название этой группы переводится как без засечек. Тип А и Б различаются параметром высота прописных букв в миллиметрах, измеренная по. Редактирование шрифтов и их размеров позволит расставить акценты в. Название Художественные шрифты и их построение. Условные знаки, образцы шрифтов и сокращения, применяемые на топографических картах Великобритании и. У нас вы сможете найти образцы букв, а также скачать чертежный шрифт бесплатно. Эти шрифты работают в S только в стандартном начертании и не работают при выделении жирным или курсивом. Вовторых, почти все буквы таковы, что при их начертании руку отрывать от бумаги не приходится исключение. Дам вам СПИСОК ШРИФТОВ, где их более 100 и дам код некоторых примеров. Как определить название шрифта по образцу текста? Если в заказе несколько имен и они должны быть соразмерны друг другу, то обязательно укажите это в комментарии к заказу! Есть ещ десктопные приложения, которые по образцу подыскивают шрифт среди.

Небольшая программка для просмотра TTшрифтов и печати их образцов. Если сразу задается несколько шрифтов, они разделяются запятыми. Вы должны знать, что существуют так называемые стандартные шрифты, которые есть на любой OC и их можно использовать без. Образцы шрифтов и размещение надписей. Представленные в альбоме шрифты имеют установленные названия и индексы, у образцов надписей проставлены размеры в. Не смотря на то, что здесь в названии четко указаны русские шрифты для W, во всех остальных. Рассмотрим, какие есть категории шрифтов и их психологическое восприятие. Если название шрифта состоит из. Шрифт определяет взаимное соответствие между символами определенного алфавита и их изображениями, которые называются. Иногда верстальщикам, дизайнерам и прочим специалистам, чья профессия напрямую связана с издательско. Слева написано шрифтом, справа название шрифта. Стандартные шрифты для дизайна. Работая над дизайном газеты, необходимо помнить, что все от названия издания до текстового. Доступ к шрифтам и их встраивание в D.
Чертежи, схемы и другие конструкторские документы содержат необходимые надписи название изделий, размеры, данные о материале, технические. Все названия населенных пунктов располагаются вдоль параллелей, на картах с прямоугольной сеткой координат. Справа в центре расположено главное окно, где представлены образцы начертаний шрифта и их каталожные. Это изменение повлияет на все новые документы, основанные на шаблоне NORMAL. Знания о классификации шрифтов, их особенностях, эпохе. Сложившееся название, характеризующее назначение, или. Вы хотите изменить шрифт по умолчанию на название шрифта? Ниже представлена таблица основных шрифтов для работы в HTMLдокументе, слева вид шрифта в нижним регистре, справа в верхнем. Так как не все шрифты доступны на всех компьютерах существуют тысячи шрифтов и многие не бесплатны, CSS обеспечивает резервную систему. Прежде чем представить коллекцию образцов, Чихольд скрупулезно анализирует форму и устройство букв, разбирает. Первые образцы церковных шрифтов получили распространение на.
Обратите внимание, что сначала идт распространнный шрифт например A, если его на компьютере. ОБРАЗЦЫ ШРИФТОВ И РАЗМЕЩЕНИЕ НАДПИСЕЙ. Образец изображения символов вырезают из. Можно создать печатный образец для просмотра документа, в котором для любого форматированного текста. В нашей подборке представлена обширная коллекция классических шрифтов и их адаптированных. С точки зрения начертания все шрифты, которые используются в современности, произошли от разработанных. Нормами и правилами составления технических документов и их оформления установлено, что на них должен использоваться только тот шрифт, который имеет. Название Художественные шрифты и их построение Автор под ред. Там можно искать и по имени ввести название шрифта и выбрать из, автоматически полученного списка, его. Предметная строка служебного письма дает краткое и точное название документа. И дополненное, содержит примеры образцов шрифтов. Конечно, в нашей жизни вс больше встречаются машинопечатные шрифты, и их огромное множество.
Текст может быть как на русском, так и на английском языке, но учтите, что пример шрифта, не имеющего правообладателем. Показал здесь, и дал скачать только те образцы шрифта, которые больше всего понравились самому. Если вы знаете название требуемого шрифта, можно. В качестве параметра данного свойства задается имя шрифта и название семейства. Свойство должно содержать несколько названий шрифтов на всякий. Название I красивые шрифты ворд образец Автор 21 Издательство ALFAGUARA Год 2006 Язык русский Формат. Не все из установленных в операционных системах шрифтов поддерживают русскую раскладку. Закрепилось название гротесковый впрочем, рубленые. При печати лучше использовать шрифты S, так как они облегчают чтение. Диплом на тему Шрифты и их роль в печатных изданиях. Название Шрифты и их роль в печатных изданиях. Подобрав нужный шрифт, Вы можете зайти на его страницу, на котором будет представлено изображение примера шрифта, его название. В данной статье мы рассмотрим шрифты с засечками и их.
Свои шрифты и их методы исполнения, тормозили развитие шрифтов наших мастеров. Откройте любой текстовый редактор, работающий с загружающимися шрифтами и, соответственно, видимым вами образцами. Образцы шрифтов, отсортированные по алфавиту. Короткий текст для примера. PSшрифты построены на основе языка PS, и их конвертирование не вызывает сложности. Без регистрации примеры шрифтов Оригинальное название Образцы шрифтов. Как определить название шрифта. Эти шрифты были разработаны по образцам и рисункам типографов эпохи Возрождения которые, в свою. Браузер пытается отобразить текст следующим шрифтом, и так далее, по списку. В таблице будут собраны слова двенадцать букв, содержащие нужное вам количество букв. Список безопасных шрифтов 21 штука и их примеры. Собой воинственный и загадочный символизм самураев и их негласных антагонистов ниндзя. Просто введите название компании и сайт создаст вам несколько логотипов! Как вы могли заметить, этому новому стилю уже более 250 лет, но такое название к этому виду.
Их названия набраны готическим шрифтом. Информация о лицензии, поддерживаемых языках, месте загрузки и названиях шрифтов находится. Можно для образца писать каждую букву отдельно, но это не всегда есть хорошо, так как буквы будут. И с тех пор во всех ГОСТ в образцах шрифты прямые. Эти шрифты есть у большинства пользователей, и их можно свободно использовать на веб страницах. Само это название показывает, как много общего между письмом и рисунком. Популярные ныне рубленые шрифты и в старых, и. По мере развития библиотеки PT в таблицу будут включаться новые шрифты и их прототипы или. ГОСТовским шрифтом и сторонников современного инженерного либерализма без чтких ограничений, где. Совершенно очевидно, что они, как и многие другие, были хорошо знакомы с итальянскими образцами. Список шрифтов начинается с желаемого шрифта и заканчивается названием общего семейства. Красивые шрифты и их сочетания могут быть использованы вами для оформления посадочных страниц, баннеров, анонса статей, заголовков текста и т.
А Иерусалимского, А Под редакцией А А Иерусалимский М Название Художественные шрифты и их. Потрясающие кириллические русские шрифты для бесплатного скачивания. По начертанию все шрифты, используемые в современном мире, берут свое происхождение от разработанных. Вместе с названием, обычно указывается семейство, в. Как называется шрифт, образцом для которого служил наклонный каллиграфический почерк великого Петрарки? В этой статье мы узнаем, какие шрифты применяются в интернете, и как они оформляются свойствами CSS. С названием Пример выборки, которая создана в программе. Для наглядного сравнения текста на картинках образцов, шрифты применял разные, но размер шрифта. Внешний вид будет зависеть от браузера и шрифтов, установленных в. Названия издания до текстового шрифта должно служить понятию. Можно получить информацию о пакетах шрифтов и их компонентах. Шрифты и их роль в печатных изданиях Шрифты и их роль в. Образцы шрифт славянской вязью. У вас есть возможность просмотреть не только тестовую фразу, но и полный.
Образцы художественных шрифтов и рамок для чертежей, планов и диаграмм ДИЗАЙН, ДИЗАЙН и ГРАФИКА, ПРОФЕССИИ И РЕМЕСЛА Автор Котляров А. Где распечатать, обзоры типографий и пр. В содержание чертежа входят необходимые надписи, дополняющие его название изделий и деталей, размеры, данные о. Административной значимости и населенности, а соответственно и надписи их названий дают шрифтами одного размера. В CSS2 существенно улучшены возможности выбора шрифтов клиентом, поддерживаются процедуры синтеза шрифтов и их. Размер шрифта и разметить надпись, т. Виды шрифтов и их историческая систематизация. Образцы художественных шрифтов и рамок для чертежей, планов и диаграмм скачали 966 раз. Здесь можно скачать бесплатно разные кирилические шрифты, причем выбрать и скачать нужный вам русский шрифт, а не целый набор всяких шрифтов. Образец имени шрифт Амур

" frameborder="0" allowfullscreen>
Представляем Вашему вниманию подробные видео на тему Название шрифтов и примеры в фотошопе. Мне жалковато просто так выбросить первоначальный вариант таблицы. Видимо, эта необычность рисунка и чернота линий послужила основанием для их названия франц. Название происходит от. Шрифты и их роль в печатных изданиях диплом 2010 по информатике скачат. Название Образец шрифта черчения. Ниже вы можете ознакомиться со шрифтами и скачать их в один клик. Делается это тегом название шрифта пример C S MS Обратите внимание. Те же шрифты и изображения например, логотипы, то просто внесите соответствующие изменения в образец слайдов, и они будут применены ко всем слайдам. Я обычно использую Рентафонт, потому, что все шрифты там с кириллей и их. В HTML и HTML семейство шрифтов или определяет какой шрифт будет использоваться браузером для отображения текста на вебстранице. I Шрифты и их роль в печатных изданиях Письмо возникло. Египетский стильЭтот стиль шрифта иногда называется C, по названию первого. Шрифты и их разделение по графической основе. Не смотря на то, что здесь в названии четко указаны русские шрифты для W, во всех остальных разделах я также старался подбирать кириллические.
В памяти просто не удержишь как выглядит тот или иной стандартный шрифт, а тут посмотрел и все видно. Виды шрифтов и их историческая классификация. Декоративных шрифтов очень много и их количество увеличивается день ото дня. Чертежный шрифт делится на два типа тип А и тип Б. Тип определяется параметрами шрифта расстояниями между буквами, минимальный шаг строк, минимальное расстояние между словами и толщина линий шрифта. Как использование различных гарнитур шрифта и их воздействие на читателя в художественных произведениях. Вы имеете возможность просмотреть не только тестовую фразу, но и полный набор. Семейство шрифтов и другие презентационные атрибуты шрифта могут быть использованы в HTMLкоде в каскадных таблицах стилей CSS.Если вы разгадываете слово, то выберите требуемое количество букв. ПЕРЕЧЕНЬ ЗНАКОВ И ИХ ЧАСТОТНЫЕ ХАРАКТЕРИСТИКИ. В каталогах, прейскурантах и образцах шрифтов после обозначения начертания ставится вместо дефиса.

8 способов определить название шрифта

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

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

What Font Is

Ресурс What Font Is позволяет определить название шрифта буквально в три шага. При загрузке изображения шрифта нелишне уточнить, что светлее — фон (The background color is lighter…) или шрифт (The background color is dark…), выбрав один из соответствующих параметров. Здесь же можно отфильтровать результаты по параметру коммерческой доступности, автоматически оптимизировать изображение.
Сервис бесплатный, для браузеров Chrome и Firefox предусмотрено расширение.

What The Font

Не менее известный ресурс для идентификации шрифтов What The Font. Шаги, на первый взгляд, аналогичные, однако с What The Font всё немного сложнее: конечный результат напрямую зависит от качества изображения шрифта, оптимизировать которое автоматически ресурс не позволяет. Тем не менее вероятность успешного распознавания высока, кроме того на сайте действует тематический форум.
База шрифтов уступает предыдущему ресурсу.

FontShop

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

Identifont

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

Bowfin Printworks

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

Typophile

Англоязычное виртуальное сообщество по типографике Typophile. Автоматизированный поиск названия шрифта отсутствует — к услугам страждущих крупнейшая база компетентных пользователей и полезных материалов, в том числе на размещённой здесь тематической Wiki.

Flickr Typeface Identification

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

Font Trainer

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

Автор: Денис Стригун

Название шрифтов и их образец — AllRus.News

По мере развития библиотеки PT в таблицу будут включаться новые шрифты и их прототипы или. Название Образец шрифта. Таким образом название этой группы переводится как без засечек. Где распечатать, обзоры типографий и пр. Полуустав Цифры и русские буквы в стиле готического шрифта В узком типографском смысле шрифтом. Все названия населенных пунктов располагаются вдоль параллелей, на картах с прямоугольной сеткой координат. Русскоязычные шрифты и их поддержка. Дизайн Образцы художественных шрифтов и рамок для чертежей, планов и диаграмм. Таранов издательство перемена год 2000 страниц 168 книге собраны декоративные образцы. Виды шрифтов и их историческая систематизация. Представленные в альбоме шрифты имеют установленные названия и индексы, у образцов надписей проставлены размеры в. Ниже вы можете ознакомиться со шрифтами и скачать их в один клик. Название работы Шрифты. Посмотрите Шрифт Алфавит, Каллиграфические Шрифты и другие! В данной статье мы рассмотрим шрифты с засечками и их подгруппы, рубленые. Название книги образцы шрифтов. В памяти просто не удержишь как выглядит тот или иной стандартный шрифт, а тут посмотрел и все видно. В этой статье мы узнаем, какие шрифты применяются в интернете, и как они оформляются свойствами CSS. Картографические шрифты и их классификация. Запоминать их названия тоже непросто но нужно ли это? Тип А и Б различаются параметром высота прописных букв в миллиметрах, измеренная по. Современные буквы А и В. Виды шрифтов и их классификация. Конечно, в нашей жизни вс больше встречаются машинопечатные шрифты, и их огромное множество. Полное название шрифта B! Шрифт графический рисунок начертаний букв и знаков, составляющих единую стилистическую и композиционную систему, набор символов определенного размера и рисунка. Их названия набраны готическим шрифтом. Список шрифтов начинается с желаемого шрифта и заканчивается названием общего семейства. Само это название показывает, как много общего между письмом и рисунком.Наукао языке в котором изучаются начертание букв и их видов. Название Шрифтов И Их Образец

" frameborder="0" allowfullscreen>
Для быстроты выполнения надписей чертежным шрифтом иногда пользуются различными трафаретами и шаблонами их можно купить в. Название Художественные шрифты и их построение Автор под ред.

7 великолепных бесплатных шрифтов и примеры их использования

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

Чтобы упростить процесс выбора и сочетания шрифтов, я привел примеры их использования, а также несколько вариантов сочетания. Наслаждайтесь и не забудьте поделиться с автором в Twitter (@noemistauffer), вашими примерами их использования!

Gangster Grotesk

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

Семья шрифта представлена ​​тремя весами, от легкого до полужирного. Каждый из которых обладает стилистическими альтернативами. Gangster Grotesk предоставляется бесплатно при подписке на рассылку Fresh Fonts.

Скачать Gangster Grotesk →

Предлагаемые пары шрифтов

Gangster Grotesk, используемый для заголовков прекрасно сочетается с FF Atma. А при небольших размерах текста, сочетание Gangster Grotesk с Le Murmure (см. ниже) обеспечивает правильный баланс выразительности и нейтральности.

Случаи использования

Gangster Grotesk выделяется в дизайнах с яркими цветами, например, на этом флаере, созданном токийской компанией Juri Okita для Pells Coffee.

Le Murmure

Следующий шрифт недавно получил награду Certificate of Typographic Excellence, вручаемую Type Directors Club. Он был создан французским дизайнерским агентством Murmure для обновления собственного фирменного стиля. Черпая вдохновение из журнальных шрифтов, Le Murmure представляет собой сжатый шрифт без засечек с интересным несоответствием между символами, что особенно выделяет его в надписях больших размеров. Его высота и необычность форм обеспечивают элегантность, выражая дух творчества и экспериментов. Le Murmure поставляется со множеством оригинальных альтернативных букв, и даже существует стилистический набор, который «рандомизирует» для вас все альтернативы (SS08).

Скачать Le Murmure →

Предлагаемые пары шрифтов

Используемый для заголовков Le Murmure может хорошо сочетаться со шрифтами без засечек, например, Standard CT, или рублеными шрифтами, которые имеют более выраженные несоответствия, например Prophet от Dinamo.

Пример использования

Студия Untitled Duo из Марракеша выбрали Le Murmure для заголовков своего веб-сайта, а Classic Sans для навигации и основного текста.

Reforma

Reforma – это шрифт, разработанный PampaType специально для Национального университета Кордовы в Аргентине (учебного заведения с 400-летней историей). Гарнитура состоит из трех подсемейств: Reforma 1918 Serif – классический шрифт с засечками, Reforma 2018 Sans – современный рубленый шрифт, и Reforma 1969 – промежуточный гибрид, который сочетает в себе качества двух предыдущих шрифтов. Я считаю, что все три подсемейства хорошо подходят для основного текста, и каждое из них имеет три веса с соответствующим курсивом.

Скачать Reforma →

Предлагаемые пары шрифтов

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

Пример использования

Графический дизайнер Étienne Pouvreau выбрал Reforma для создания ежегодных программ двух семейных центров Caf во французском департаменте Луар и Шер. Буклеты содержат Reforma 1918 (с засечками) для заголовков курсивом и Reforma 2018 (без засечек) для подзаголовков, и основного текста.

Space Grotesk

Авторство этого универсального геометрического шрифта без засечек принадлежит Florian Karsten. Созданный на основе Space Mono – моноширинного шрифта, разработанного Colophon Foundry для Google Fonts в 2016 году, Space Grotesk сохранил обаятельное очарование своего предшественника и его особенный ретро стиль. Space Grotesk, доступен в пяти весах, и хорошо подходит для широкого спектра применений, от основного текста до жирных заголовков. Кроме того, он поставляется с пятью наборами альтернативных букв. Третий набор (SS03) удаляет связи между диагональными штрихами прописных букв A, M, N, V, W и строчных букв v, w, y – что может быть особенно эффективно для создания выразительных заголовков.

Скачать Space Grotesk →

Предлагаемые пары шрифтов

Как можно догадаться, Space Grotesk хорошо сочетается со Space Mono – бесплатным шрифтом от Colophon Foundry. В качестве альтернативы, если вы хотите соединить его со шрифтом с засечками, я бы порекомендовал шрифт с заостренными засечками и острыми деталями, например, Fortescue или Wremena, который также можно использовать бесплатно (см. ниже).

Пример использования

Little & Big – студия веб-дизайна и разработки, расположенная в Сиднее, Австралия, выбрала Space Grotesk в качестве основного шрифта для своего веб-сайта. Они решили соединить его с Verona Serial, придав сайту профессиональный, но в то же время игривый вид.

Syne

Syne – это семейство шрифтов, разработанное Bonjour Monde для визуальной идентичности Synesthésie – арт-центра, расположенного недалеко от Парижа.  Он состоит из пяти различных стилей, усиливающих понятие структурной дифференциации в этом семействе шрифтов. Syne Extra – широкий, тяжеловесный шрифт, предназначенный для использования в больших размерах. Syne Regular – геометрический рубленый шрифт с короткими верхними и нижними выносными элементами, дополненный более жирным шрифтом, курсивом в рукописном стиле и моноширинным шрифтом с искаженным видом.

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

Скачать Syne →

Предлагаемые пары шрифтов

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

Пример использования

Недавно компания WeTransfer использовала Syne для презентации своего отчёта Ideas Report 2018, широко используя пять шрифтов семейства на веб-сайте отчета и в PDF-документе.

VG5000

Названный в честь компьютера, созданного Phillips в 1984 году, этот шрифт игриво сочетает пиксельные и изогнутые штрихи, стирая грани между старыми и новыми цифровыми фигурами. Он также содержит множество ранних эмодзи и пиктограмм из оригинального набора VG 5000, что позволяет создавать весьма неожиданные комбинации. Кроме того, шрифт содержит современные гендерно-инклюзивные символы для французского языка, заменяя местоимения «il» и «elle» («он» и «она») на нейтральное «iel», и предоставляя альтернативу гендерным словам, комбинируя их мужские и женские версии.

Скачать VG5000 →

Предлагаемые пары шрифтов

Из-за его пиксельных деталей я бы предложил соединить VG5000 с моноширинным шрифтом, например, League Mono. В качестве альтернативы, вы можете объединить его с версией Input без засечек или с засечками, или с непропорциональным шрифтом, например, ETC Trispace, который также бесплатный.

Пример использования

Французская дизайн-студия Brand Brothers использовала VG5000 для создания визуальной идентичности Les Halles de la Cartoucherie – нового проекта, посвященного культурной, художественной и гастрономической сферам жизни в Тулузе. В сочетании с нестандартным логотипом на основе сетки, который представляет структуру проекта, VG5000 использовался на печатных материалах, на веб-сайте, и даже на стенах организации (используя пиксельные стрелки VG5000, в качестве указателей).

Wremena

Wremena – это шрифт с засечками, разработанный Романом Горницким и выпущенный Typefaces of The Temporary State. В основу его дизайна лег бесплатный шрифт Vremena того же дизайнера, но с более выраженными треугольными засечками и более острыми углами, которые становятся еще заметнее при увеличении веса. Wremena доступен в трех стилях (Light, Regular и Bold) без курсива, но с поддержкой латиницы и кириллицы. В силу своего сходства с Times New Roman, Wremena можно использовать как бесплатную, более современную альтернативу неизменно популярному шрифту.

Скачать Wremena →

Предлагаемые пары шрифтов

Чтобы найти пары для определенного шрифта, просмотрите библиотеку шрифтов, созданных тем же дизайнером, так как зачастую они хорошо сочетаются друг с другом. В нашем случае Роман Горницкий разработал два шрифта без засечек, которые отлично подходят для Wremena: Nowie Vremena, с характерной строчной буквой «g», и Steinbeck – живой шрифт с преднамеренными диспропорциями.

Пример использования

Еврейский музей и Центр толерантности и Readymag объединились, чтобы воплотить в жизнь живописный интерактивный веб-проект «Русский сплин», в котором рассказывается, как русский пейзажист Исаак Левитан повлиял на кинематограф 20-го века. Дизайнер Pavel Kedich решил использовать для сайта проекта Steinbeck (используется в больших размерах) и Wremena (используется для подписей). Оба шрифта поддерживают русский и английский языки.

Вот и все!

Вы найдете больше примеров использования этих бесплатных шрифтов на сайтах Typewolf и Fonts in Use. И если вы хотите открыть для себя новые высококачественные бесплатные шрифты, обязательно подпишитесь на рассылку автора – Fresh Fonts.

Что такое шрифты - их виды и классификация с примерами

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

Что такое шрифты

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

Шрифты для компьютера и печатных изданий

Шрифт — это некая совокупность знаков. То есть букв, цифр, символов, знаков препинания и так далее. Все они были спроектированы для совместного применения.

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

Гарнитура — это шрифт определенного рисунка. Или говоря иначе семейства шрифтов. На английском это определение называется «typeface». Что в переводе на русский — «лицо шрифта».

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

Гарнитура шрифта на бумаге

По английски шрифтовой файл называется «font».

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

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

Это неправильно!

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

Характеристики шрифта

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

Интерлиньяж и базовые линии шрифта

Базовая линия шрифта нужна чтобы управлять интерлиньяжем (межстрочным расстоянием).

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

Единица измерения шрифта

Еще нужно сказать о системе измерения, которой пользуются в типографике.

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

Не нужно путать ее с метрической!

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

В российской типографии принят французский типографический пункт. Он составляет 0.376 мм. Еще существует англо-американский пункт. А в программе верстки используется пункт от компании Adobe. Он равен 1.72 дюйма или 3.352 мм.

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

Кегль

Кегль — это размер шрифта. Изначально он определялся высотой кегельной площадки литеры.

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

Металлическая литера

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

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

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

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

Кегельная площадка

На рисунке, это прямоугольная площадка.

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

Кегль шрифта или сам размер тоже измеряется в пунктах.

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

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

Это потому, что этот размер определяется, как расстояние от базовой линии шрифта до вершины строчной английской буквы «X».

А линия, проведенная на высоте этой буквы и параллельные базовые линии шрифта, называется средней линией (Main Line).

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

Можно написать одно и тоже слово два раза. К примеру, один шрифтом Times New Roman, а второй Helvetica.

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

Виды шрифтов

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

По назначению

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

Шрифты для текста

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

Главное назначение, сообщать читателю большие объемы информации.

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

Шрифты для заголовков

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

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

Как правило, начертание более жирное. Либо наоборот, более светлое или контрастное, чем это необходимо для набора сплошного текста.

Акцидентный шрифт

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

Этими шрифтами акцентируется зрительское внимание на текстовых фрагментах.

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

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

  1. Шрифты для чтения текста (текстовые и заголовочные)
  2. И те, которые привлекают внимание и делают текст более заметным

Запомните

Акцидентные шрифты не предназначены для набора текста!

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

Плохой пример использования акцидентного шрифта

Их задача привлекать внимание.

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

Например, на орнамент вокруг буквы.

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

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

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

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

Что же касается текстовых шрифтов, то в отличие от акцидентных, они не должны отвлекать читателя от смысла текста.

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

Пример текстового шрифта
Имитационные

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

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

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

Например, в открытке или свадебном приглашении.

Но в этом случае нужно очень внимательно, тщательно подбирать и тестировать. И ни в коем случае не набирайте таким стильным шрифтом сплошные и длинные тексты.

По строению шрифта

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

Строение шрифта

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

Интересное использование междустрочного расстояния

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

Дизайн типографики

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

Он начинается тогда, когда действует изнутри!

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

Вот тогда начинается настоящий графический дизайн типографики.

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

А теперь вернемся к анатомии шрифтов.

Каллиграфия

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

Причем здесь каллиграфия?

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

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

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

Кстати, величина наклона оси, это очень важная характеристика стиля шрифта.

Анатомия шрифта

Теперь поговорим об анатомии шрифта. Он состоит из основных штрихов (вертикальных линий). А также из соединительных штрихов (горизонтальных). На рисунке выделено красным.

Каждая буква в шрифте состоит из печатающихся (1) и пробельных элементов (2). Пространство между штрихами буквы называется внутрибуквенным просветом (4).

Справа и слева от знака находятся полуапроши. Два полуапроша у соседних букв создают апрош. Это межбуквенный пробел.

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

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

Давайте рассмотрим буквы и поймем в чем состоят принципы их построения.

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

Некоторые строчные буквы вмещаются целиком в строке. А некоторые не вмещаются и выдаются на строку или наоборот свисают.

Например, в русском языке свисающие элементы имеют ножки буквы «д», «ц» и «щ». У буквы «у» хвостик свисает гораздо ниже базовой линии. А у буквы «б» наоборот, выдается над строкой.

Все эти хвостики называются верхними и нижними выносными элементами.

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

Гораздо важнее уметь различать основные шрифтовые характеристики.

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

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

  1. Шрифты с засечками или в профессиональной терминологии — антиква (antiqua)
  2. И шрифты без засечек — гротеск (grotesk)

На западе шрифты с засечками называют сериф (serif). А без засечек санс сериф (sans serif).

Шрифты с засечками

Для чего нужны засечки?

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

Засечки как бы создают дорожку, которая ведет глаз вдоль строки.

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

Но на самом деле проводились исследования, которые не подтвердили это утверждение.

Поэтому скорее всего человек легче и быстрее читает тот текст, к которому привык. Это не зависит от наличия и отсутствия засечек.

Засечки бывают разной формы. Многие названия шрифтов были сформированы с учетом особенностей засечек.

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

Засечки со скруглением

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

Засечки без скругления

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

Используются в основном для набора текста.

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

Вообще, у брусковых шрифтов существует несколько названий.

В России их называют брусковыми, а на западе Slab Serif. Также их еще называют египетскими шрифтами.

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

Шрифты без засечек

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

Самый известных из них, это Helvetica.

Давайте посмотрим и сравним образцы шрифтов с засечками и без. Возьмем Times New Roman и сравним его с Helvetica и Arial.

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

Антиква и гротеск

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

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

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

Шрифты без засечек (то есть гротески) делятся на дополнительные категории.

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

Геометрический гротеск Helvetica

Есть еще гуманистические гротески. Форма букв тут более интересна, чем в геометрическом виде. Потому что их рисунок был вдохновлен античными и ренессансными шрифтами.

Гуманистический гротеск Optima

Если посмотреть, то черты Optima чем-то напоминают шрифты с засечками.

Обратите внимание на варьированную толщину штрихов. Тут толщина штрихов меняется.

Такое впечатление, что буквы были написаны широким пером.

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

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

Во-первых, они отличаются по форме. А во-вторых, по характеру дуги полуокружности.

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

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

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

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

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

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

Дизайнеры Bauhaus искали новую форму знаков алфавита. Как результат этих поисков появились многие современные шрифты.

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

Не всякий шрифт с засечками, это Antiqua!

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

Baltica

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

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

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

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

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

  • Antiqua старого стиля (по английски Old Style)
  • Переходная антиква (Transitional)
  • Нового стиля и так далее

Антиква старого стиля зародилась в конце 15 века. Она продолжала свое развитие до 18 века.

У старинной антиквы довольно слабо выраженный контраст между основными и вспомогательными штрихами.

Но зато есть ярко выраженный наклон оси овальных элементов.

Перед вами пример шрифта старинной антиквы. Это шрифт Italian Oldstyle. Видите, отличие между основными и соединительными штрихами довольно слабая. Значит этот шрифт малоконтрастный.

Зато у него сильный наклон оси овальных букв. Посмотрите на букву «о».

Внутри группы старинных антикв также есть деление на подгруппы. Одна их подгрупп называется итало-французские антиквы или гаральды.

Эта группа появилась где-то в 16 веке.

Если внимательно посмотреть на строение букв, то можно заметить изменения. Обратите внимание на перемычку буквы «е». В старинной Antiqua она находится под наклоном. А в шрифте Garamont она уже выпрямилась.

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

В этой гарнитуре наблюдается более сильный контраст в насыщенности штрихов. Особенно это заметно по букве «м». Также изменилась ось наклона овала буквы. Она стала более вертикальной.

Ну и самая современная группа антикв носит название новой антиквы. По английски их называют New Style. Хотя новыми их можно назвать весьма условно. Им более 250 лет.

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

В новой Atiqua мы видим еще больше изменений формы. К примеру, посмотрите на гарнитуру Bodoni. Здесь контраст штрихов стал еще более заметным. Пожалуй, это максимально возможный контраст.

А засечки утратили свое скругление. Они стали прямыми и образуют прямые углы с основными штрихами.

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

Вообще, этот шрифт создает ощущение новизны, четкости и официальности.

Одно время шрифт Bodoni был весьма популярен. Но потом он вышел из моды в наборе текста. В настоящее время он применяется в качестве акцидентного шрифта.

Компьютерный шрифт

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

Компьютерные шрифты существуют в трех основных форматах. Это PostScript или Type1, TrueType и OpenType.

PostScript

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

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

TrueType

Второй тип шрифта называется TrueType. Он тоже широко использовался в графическом дизайне. Однако считался менее надежным по сравнению с форматом PostScript.

Со временем шрифты формата TrueType были улучшены.

Сегодня с ними справляются любые растровые процессоры. Поэтому уже не существует серьезных различий между PostScript и TrueType.

OpenType

И третьим самым новым шрифтовым форматом является OpenType. Он одинаково подходит как для Windows, так и для Macintosh.

Проще говоря, шрифт OpenType — это тот же самый формат TrueType, только с добавлением данных формата PostScript.

Поэтому он объединяет лучшие стороны обоих.

Еще несколько лет назад шрифты OpenType были достаточно редкими. Они поставлялись в ограниченном количестве вместе с программами Adobe.

Сегодня они достаточно распространены. Поэтому все производители шрифтов выпускают в этом формате.

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

Где находятся шрифты

В операционной системе Windows, шрифты находятся в системной папке «Fonts». Для этого зайдите на диск «С» в папку «Windows». Там вы ее и найдете.

Если вы работаете на своем домашнем компьютере, а не в профессиональной студии, то скорее всего, у вас установлены шрифты TrueType.

В старых версиях Windows шрифты в папках обозначались определенным значком. Он позволял отличать PostScript от TrueType и OpenType.

Компьютерные шрифты в Windows XP

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

Предпросмотр шрифтов Windows 10

Как ими управлять

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

Профессиональные дизайнеры всегда ими пользуются.

Для чего это нужно?

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

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

Длинный список шрифтов в Adobe InDesign

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

Кроме того, такой софт помогает упорядочить шрифты.

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

То есть вам не нужно загружать все эти шрифты в системную папку.

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

На этом все!

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

 

Мне нравится3Не нравится

Руководство по 10 качествам шрифтов и их применению в дизайне

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

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

Жирность (Weight) шрифта мы замечаем в первую очередь и в любых условиях. Основные типы насыщенности: светлый, нормальный и жирный. Нормальные начертания (Regular) эмоционально нейтральны, на них меньше всего влияют оптические искажения или плохая резкость. Лучше всего распознается графема, поэтому нормальная насыщенность идеальна для чтения. Более эмоционально значимыми являются светлые и жирные начертания, передающие гамму ощущений от робкой деликатности до настойчивой грубости.

Начертания Thin, Regular, Black гарнитуры Kazimir Text.

Тонкие начертания (Thin, Light) приятно рассматривать как линейный рисунок. Такая надпись не привлечет внимания, если вы сами этого не захотите, ее можно «выключить» просто отведя взгляд. Отсюда ощущение деликатности и бережности. Не удивительно, что такие начертания распространены в косметической отрасли и во всем, что близко к телу, от белья до носимых гаджетов.

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

Жирные начертания (Bold) созданы для привлечения внимания к коротким надписям. Читать их не очень удобно, но у вас нет выбора. Ведь уделив много внимания предмету, ваш мозг узнает о нем как можно больше.

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

2. Ширина

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

Сверхузкий шрифт – Reforma Grotesk Medium, шрифт нормальной ширины – Pragmatica Book, сверхширокий шрифт – Europe Extended.

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

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

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

3. Контраст

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

Неконтрастный шрифт – Stem, шрифт со средним контрастом – PT Serif, максимальный контраст – DietDidot.

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

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

4. Высота строчных

Высота строчных букв (X-height), относительно заглавных и собственных выносных элементов – один из основных признаков шрифта, определяющих его применение. От высоты строчных зависит настроение и характер сообщения.

Низкие строчные – шрифт Metropol, средние строчные – шрифт Orbi Sans, высокие строчные – шрифт Hermes.

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

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

Крупные строчные (Больше 3/4) делают шрифт более однородным (большие и маленькие буквы похожи между собой), таким шрифтом можно набрать больше текста. За счет более мелких заглавных и незначительных выносных элементов, строчки текста мало взаимодействуют с окружающим пространством. Это шрифты-интроверты, несущие ощущение стабильности, защищенности, но им иногда не хватает дружелюбия.

5. Скругление углов

Пересечения и соединения штрихов неизбежно образуют углы. Прямые, как в T, H, E, или острые, как в A, V, Z, N. Также конец любого штриха имеет свое очертание: заостренное, прямоугольное или скругленное. Углы, пересечения и края являются естественными визуальными раздражителями. Каждый угол нужно заметить и сфокусироваться, без этого навыка наши предки постоянно натыкались бы на острые камни и ветки. Поэтому, чем острее углы в надписи, тем легче она привлекает внимание.

Заостренные углы – шрифт Acsioma, прямые углы – шрифт TT Souses, скругленные углы – шрифт Sans Rounded.

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

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

6. Засечки и бруски

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

Вогнутые засечки – шрифт Lazurski, линейные засечки – шрифт Petersburg, брусковые засечки – шрифт Pragmatica Slabserif.

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

В крупном же размере шрифты с засечками становятся историческим костюмом на персонаже, отправляют зрителя в нужное время и место. Венецианская антиква, Итало-Французская антиква, Английская антиква, Классицистическая антиква – все это порталы в свою страну и историческую эпоху. Чем выше уровень культурной искушенности зрителя, тем точнее он переместится. Даже массовый потребитель, не знающий тонкостей, решит, что перед ним классический, исторический шрифт, а эти ассоциации вызывают доверие. Все шрифты с засечками, кроме брусковых, в той или иной степени несут пафос их Великого предка – римского капитального шрифта с колонны Траяна. Это понимают голливудские продюсеры и все, кто им подражает, поэтому Trajan является самым распространенным шрифтом в кино.

Шрифт Trajan в кино

Бруски сильно отличаются от других форм засечек, поэтому для брусковых шрифтов часто выделяют отдельное место в классификации. Засечка считается бруском, если она достаточно ровная, прямоугольная и по толщине сравнима с основным штрихом шрифта. Такие буквы неудобно писать каллиграфическими инструментами, их лучше чертить, штамповать или вырезать. Такая форма не способствует комфортному чтению, но зато может переносить зрителя в разные места, от Дикого Запада до Германии 1930-х годов. Главная черта брусковых шрифтов – патриархальная суровость, поэтому они органично смотрятся в заводских цехах, магазинах инструментов или стейк-хаусах.

7. Курсив и наклон

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

Курсивное начертание – шрифт Kudryashev Italic, наклонное начертание – шрифт Pragmatica Italic.

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

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

8. Геометрия

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

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

Гуманистический гротеск – шрифт Leksa Sans, геометрический гротеск – шрифт Futura PT, модульный шрифт – Robotesqa 4f.

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

Идеи научного прогресса, стандартизации, упрощения, неизбежно привели к созданию новой формы шрифта. Простой чертеж способен полностью заменить рукописное и словолитное наследие, даже общепринятые очертания букв (графемы) могут измениться. Например, круглые О, С, D могут стать квадратными и весь шрифт может строиться из универсальных модулей. При этом форма букв потеряет влияние на читабельность и образ. Все будет зависеть от формы модуля: дуги, многоугольника, квадрата. Например, модульные шрифты эпохи Звездных Войн, Терминатора и Робокопа, своей нерукотворной формой изображают фантастическое будущее, с космическими полетами, умными машинами и прочими технологиями, которыми так увлечены люди с середины XX века.

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

Геометрические гротески в современных логотипах

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

9. Статика и динамика

Рисунок букв шрифта может быть статичным или динамичным. Чем больше горизонтальных и вертикальных линий в строке, тем более статичным является шрифт. А линии и дуги, не совпадающие с горизонталью строки, придают шрифту динамичности. На динамику влияют: наклон оси наплыва у букв o, e, c, p, b, d, наклон перекладины е, окончания штрихов букв s, c, a и форма засечек. Все эти элементы могут быть прямыми, диагональными или изогнутыми. Курсивное или наклонное начертание делает рисунок еще более динамичным.

Статичный рисунок – шрифт Din PT, динамичный рисунок – шрифт Venetian, максимум динамики – шрифт Diana.

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

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

10. Открытость

Разомкнутые буквы, например c, могут быть сильно открыты, умеренно открыты, или практически закрыты. Открытость (апертура), влияет на форму букв: c, a, e, s, з, э, є. Очень открытые буквы компактнее, чем закрытые, от их ширины во многом зависит емкость шрифта. Частотный анализ языков показывает, что буквы e, a, s, c составляют более 30% английского языка, а буквы е, а, с, з – это почти 25% русского. Поэтому, за счет большей апертуры и легкого спрямления овальных элементов: о, p, d, b, q можно получить очень компактный шрифт, который не будет выглядеть сжатым и сохранит хорошую читабельность, например как PT Sans.

Открытый шрифт – PT Sans, средняя апертура – шрифт Textbook New, закрытый шрифт – Helvetica.

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

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

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

Резюме

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

Если собрать все шрифтовые качества в одном списке, то получится что-то вроде меню в голландском баре:

  1. Насыщенность влияет на уровень принуждения к контакту: от нежной деликатности (Thin) до грубой настойчивости (Black).
  1. Ширина влияет на срочность сообщения: от кричащего заголовка (Extra Condensed) до долгожданного появления из-за горизонта (Extra Expanded).
  1. Контраст регулирует уровень артистизма высказывания: от синтезатора речи (Нулевой контраст) до актрисы Большого Театра (Максимальный контраст).
  1. Высота строчных связана с желанием впечатлить зрителя: от любовного письма (мелкие строчные) до равнодушной таблички “Перерыв” (крупные строчные).
  1. Скругление углов влияет на уровень нежности: от спящих младенцев (Сильное скругление) до шумных подростков (Заострение).
  1. Засечки и бруски создают культурный контекст: от идеализма вечной классики (Засечки) до прагматизма заводской штамповки (Бруски).
  1. Курсив и наклон просит минутку внимания: чтобы вежливо уточнить (Italic) или срочно сообщить (Oblique).
  1. Геометрия отражает жизненные ценности: от уважения к особенностям человека (Гуманистические шрифты) до восхищения футуристическими машинами (Геометрические и Модульные шрифты).
  1. Статика и динамика передают индивидуальность и богатство внутреннего мира: от нейтральной Гельветики (Статичный рисунок) до старостильных антикв, содержащих пафос своего времени и страны (Динамичный рисунок).
  1. Открытость влияет на общительность и прогрессивность: от либерального экстраверта (Открытые шрифты) до консервативного защитника границ (Закрытые шрифты).

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

Статьи по Теме

Дайджест блога Depositphotos

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

Каким шрифтом печатают книги? — блог книжной типографии Printleto

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

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

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


Какой размер шрифта используется в книгах?

Шрифт — неотъемлемая часть в создании композиции книги. Книжные дизайнеры разделяют два понятия: гарнитура и шрифт.  
Шрифт — это определенный образец, например, Helvetica Narrow Italic. А гарнитурой обозначают набор шрифтов одного рисунка, но разных размеров (кеглей) и начертаний. Например, Helvetica — это гарнитура.

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

При выборе шрифта учитывайте 3 особенности: гарнитуру, начертание и кегль.



Наборный текст рекомендуется печатать обычным, курсивным, полужирным или курсивным полужирным шрифтом в выбранной гарнитуре. Добиться запоминающегося дизайна можно используя всего пару шрифтов. 
Что ещё влияет на выбор шрифта? Конечно, бумага. Если у вас мелованная бумага, то не используйте тяжелые, контрастные шрифты, они выглядит броско. А на газетной бумаге с трудом читается тонкий и изящный шрифт. 

Чтобы вашу книгу смог прочитать каждый без лишнего напряжения и "вглядывания" в буквы, важно подобрать шрифтовой кегль. Размер кегля исчисляется в пунктах (1 пункт = 0,376мм).   
Для каждого кегля есть свое персональное название: кегль 6 пунктов — бриллиант; кегль 4 пункта — диамант; кегль 6 пунктов — нонпарель; кегль 7 пунктов — миньон; кегль 8 пунктов — петит; кегль 9 пунктов — боргес; кегль 10 пунктов — корпус; кегль 12 пунктов — цицеро; кегль 14 пунктов  — миттель.  

Для каждого типа книжного издания определен наиболее читаемый размер кегля. Так, для художественной литературы подходит 10-12-ый кегль. Для остальной печатной продукции оптимальным считается 9-14-ый кегль.  

Не забывайте и о том, что размер наборной строки тоже играет свою роль в удобочитаемости. Рекомендуем использовать не более 50-55 знаков в одной строке. 

На выпуск книжных изданий существует ГОСТ, по которому определяется кегль и стиль шрифта. В большинстве печатных изданий используют Times New Roman, Garamond, Bodoni, Academy, Georgia.

Роль шрифта в оформлении книги

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

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

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

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

Как выбрать шрифт для детской книги?

Если вы пишите детскую книгу и не знаете, какой размер шрифта лучше подойдет, то прочтите рекомендации по выбору шрифта для каждой возрастной группы.  Для детей дошкольного возраста (до 7 лет) подойдет шрифт в 16 или 20 пунктов, так как дети только начинают читать и знакомиться с буквами, их должно быть хорошо видно. 
Для детей первой младшей группы (7-9 лет) 14 и 16 пунктов для первоклассников, 12 и 14 пунктов для второго класса.   Для детей второй младшей группы (10-11 лет) 11 и 12 пунктов для третьего класса, 10 и 11 пунктов для четвертого класса. 
Дети среднего и старшего возраста (12-17 лет или 5-11 классы) могут читать шрифт любого размера. 



4 вида шрифтов и их варианты в веб-дизайне - с примерами!

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

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

Мы выбираем декоративные шрифты или современные? Или мы выбираем жирный вариант светлому?

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

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

  1. Шрифты с засечками
    • Старые шрифты с засечками
    • Переходные шрифты с засечками
    • Шрифты с засечками Didone
    • Шрифты с засечками Slab
  2. Sans seriftes Шрифты с засечками
  3. Неогротескные шрифты без засечек
  4. Геометрические шрифты без засечек
  5. Гуманистические шрифты без засечек
  6. Шрифты с шрифтами
  7. Декоративные шрифты

    Основное различие между шрифтами - это разница между шрифтами с засечками и без засечек.

    Мы часто слышим об этих двух типах, но в чем на самом деле разница?

    Вот он:

    Пример шрифта с засечками и без засечек

    Как видите, шрифт с засечками более декоративен, а шрифт без засечек проще.

    Части, которые я обвел, на самом деле называются засечками, отсюда и название без засечек, что буквально означает «без засечек».

    Существуют разные типы шрифтов с засечками и без засечек , но мы поговорим об этом чуть позже.

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

    1. Шрифты с засечками

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

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

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

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

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

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

    Есть 4 типа шрифтов с засечками которые имеют разные варианты использования и варианты, поэтому давайте посмотрим:

    • Старые шрифты с засечками

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

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

    Давайте посмотрим на старый шрифт с засечками шрифт:

    Шрифт Garamond

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

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

    В настоящее время они редко используются в веб-дизайне, но нашли свое применение в печати, а также в качестве обложек книг и постеров к фильмам. Penguin Books, Oxford University Press, Cambridge University Press, Национальная галерея и многие другие используют Bembo в качестве основного шрифта.

    Интересный факт: Шрифт Requiem чаще всего используется для титров в фильмах и телешоу.

    • Переходные шрифты с засечками

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

    Шрифт Times New Roman

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

    Другие переходные шрифты включают Baskerville, Georgia, Bookman, Cambria, Perpetua и другие.Они все еще очень популярны. Вот веб-сайт разработчика и дизайнера, использующего шрифт Times New Roman:

    Домашняя страница Mees Vesberne
    • Шрифты с засечками Didone

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

    Разработчики первых шрифтов Didone, принтеры Фирмин Дидот, Джамбаттиста Бодони и Юстус Эрих Вальбаум, хотели более элегантные шрифты, которые отражали бы более совершенные методы печати.Вот пример шрифта Didone:

    Шрифт Libre Bodoni

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

    Шрифты

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

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

    Шрифт Didone на домашней странице Harper’s Bazaar

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

    . Домашняя страница Allswell
    • Шрифты с засечками

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

    Шрифт Slab serif - шрифт Rockwell

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

    Вот веб-сайт, на котором шрифт Soho slab serif используется как для заголовка, так и для основного текста:

    Пример плоского шрифта с засечками в веб-дизайне | Источник

    2. Шрифты без засечек

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

    Enter, шрифты без засечек.

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

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

    Давайте посмотрим на варианты шрифтов без засечек, которых четыре.

    • Гротескные шрифты без засечек

    Это семейство шрифтов впервые появилось в начале 19, -го, века.

    Теперь вы можете подумать: «Как шрифт может быть назван гротескным?» Речь идет не о шрифте «боже ужасный чиллер» или о любом шрифте, который капает кровью. Это вполне обычные на вид фасады, получившие свое название от других.

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

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

    Слово гротеск начало употребляться официально использовался для этих ранних шрифтов без засечек, когда Уильям Тороугуд, Британский типограф разработал так называемый гротескный шрифт Seven Line Grotesque в 1832 году. использовался для заголовков газет, а основной текст оставался шрифтом с засечками.

    Вот как это выглядело:

    Шрифт Seven Line Grotesque | Source

    Как видите, характеристики этих шрифтов включают небольшую контрастность и равномерную ширину линий.

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

    Неверные пропорции также очень распространены, когда дело доходит до гротескных шрифтов.

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

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

    Гротескный шрифт в стиле ар-деко

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

    Потрясающий сайт с гротескным шрифтом | Источник
    • Неогротескные шрифты без засечек

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

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

    В этот период был создан шрифт Helvetica, один из самых популярных шрифтов 20 -го века.

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

    Пример неогротескного шрифта, используемого в веб-дизайне | Source

    Другие шрифты в неогротескном стиле включают знаменитые Arial, Android's Roboto, Impact, а также Microsoft Sans Serif и многие другие.

    • Геометрические шрифты без засечек

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

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

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

    Когда дело доходит до этих шрифтов, буква «о» представляет собой почти идеальный круг, а заглавные буквы имеют разную ширину.Кроме того, буква «М» часто растягивается. Вот первый геометрический шрифт под названием Erbar, созданный Якобом Эрбаром:

    Пример неогротескного шрифта, используемого в веб-дизайне | Источник

    Другие геометрические шрифты включают знаменитые и неизменно популярные Gotham, Brandon Grotesque, Century Gothic, Nobel, Metro. Вот веб-сайт, на котором используются разные варианты шрифтов Gotham и Brandon Grotesque:

    Веб-сайт с чистым дизайном и двумя разными геометрическими шрифтами | Источник
    • Гуманные шрифты без засечек

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

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

    Пример веб-сайта с использованием гуманистического шрифта | Источник

    Они использовали его в тексте под заголовком, который написан шрифтом Jubilat с засечками.Кузов в Freight Sans имеет естественный вид и контрастирует с коротким названием. Это также придает более дружелюбный и легкий вид очень серьезному веб-сайту.

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

    Давайте посмотрим, что они влекут за собой.

    3. Скриптовые шрифты

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

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

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

    Вы найдете их на логотипах изысканных ресторанов, элегантных бутылках с алкогольными напитками, логотипах и упаковках косметических брендов, плакатах и ​​т. Д.

    Вот несколько популярных скриптовых шрифтов:

    Некоторые скриптовые шрифты, поставляемые с компьютерами.

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

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

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

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

    Сайт дизайнерского агентства

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

    Шаблон веб-сайта ресторана

    Еще один случай сопоставления , вероятно, с целью сказать, что ресторан представляет собой сочетание современной и традиционной кухни и эстетики.

    Домашняя страница Smorgasboard

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

    4.Дисплейные шрифты

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

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

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

    Вот некоторые из них:

    Отображение шрифтов на веб-сайте шрифтов Google

    Как видите, их внешний вид может быть разным: есть очень декоративные (Monoton), есть минималистичные (Poiret One), Bangers выглядит очень комично, а Special Elite - шрифт для пишущей машинки.

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

    Существуют разные стили отображаемых шрифтов, в том числе:

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

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

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

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

    Завершение

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

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

    Надеюсь, вы узнали кое-что о шрифтах и ​​благодарим вас за чтение!

    Тест по шрифту

    Как вы думаете, освоили ли вы четыре основных типа шрифтов и их подкатегории?

    Чтобы проверить свои знания, перейдите на страницу нашего портфолио и попробуйте определить шрифты 3-4 наших проектов.

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

    Мы в W3 глубоко заботимся о знаниях и любим делиться ими.

    Спасибо, что прочитали еще раз!

    Топ 20 самых популярных шрифтов всех времен

    Гарнитуры

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

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

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

    1. Helvetica (Макс Miedinger , 1957)

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

    Его огромная популярность объясняется тем, что он по-прежнему выглядит современным, простым, а также универсальным и надежным, как и швейцарский.

    2. Баскервиль (John Baskerville, 1757)

    Не впечатленный современными шрифтами Caslon, Джон Баскервиль начал сокращать свои собственные шрифты для улучшения своих печатных работ в 1950 году, и он официально вышел в 1757 году в Бирмингеме как переходный шрифт с засечками (расположенный между шрифтами Caslon старого стиля и современными шрифтами Bodoni и Didot) с нижним регистром с почти горизонтальными засечками и большим контрастом.

    Вызывая восхищение многих конкурентов Баскервилля, таких как Бенджамин Франклин и Джамбаттиста Бодони, с момента его рождения различные литейные предприятия выпустили множество его версий, включая свежий и элегантный «New Baskerville».

    3. Times (Стэнли Морисон, 1931)

    Уильям Линтс-Смит, менеджер лондонской ежедневной газеты The Times в 1929 году, слышал, что уважаемого типографа Стэнли Морисона не впечатлило качество печати. его газета.

    Впечатленный аргументами Морисона, газетчик нанял Морисона для изменения дизайна своей газеты, и в 1931 году Морисон дал газете свой новый шрифт Times New Roman, который заменил ее предшественницу Times Old Roman. С тех пор это один из самых популярных шрифтов, используемых во многих издательских материалах и газетах.

    4. Akzidenz Grotesk ( Brethold Type Foundry, 1896)

    Akzidenz Grotesk повлиял на широкий спектр других популярных шрифтов, таких как популярные Helvetica и Frutiger, и был впервые выпущен в 1896 году в Германии. Литейная Бретольского типа.

    Он приобрел новую высоту популярности после того, как в 1950-х годах был изобретен заново с более широким диапазоном веса и вариантов под руководством Гюнтера Герхарда Ланге.

    5. Gotham ( Hoefler and Frere-Jones, 2000)

    Выпущенный в 2000 году, Gotham представляет собой адаптацию готики американского производителя вывесок 20-го века. За последние 16 лет он стал очень популярен среди дизайнеров благодаря своему чистому и современному виду.

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

    6. Bodoni ( Giambattista Bodo ni, 1790)

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

    Bodoni уже был широко популярным шрифтом, когда Моррис Фуллер Бентон возродил его в 1920-х годах для ATF с детальным акцентом на разный вес.В фильме «Хорошие парни» этот шрифт использовался на плакатах.

    7. Didot ( Firmin Didot , 1784-1811)

    Didot выступил в качестве альтернативы Бодони в тот же период конца 18 века, поэтому взаимное влияние между ними очевидно . Этот шрифт по сути является более тонкой версией Bodoni, но на самом деле он черпал вдохновение из экспериментов Джона Баскервилля с высококонтрастным штрихом и сжатой арматурой.

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

    8. Futura (Пол Реннер, 1927)

    Futura был разработан Полом Реннером в 1920-х годах в Германии, и с момента своего рождения Futura уже более 80 лет является эталоном геометрического гринта благодаря своим замечательным формам.

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

    9. Гилл Санс (Эрик Гилл, 1928)

    Этот типично английский шрифт был разработан Monotype Corporation и разработан Эриком Гиллом в 1928 году. Эрик Гилл работал с Эдвардом Джонстоном, поэтому Гилл попытался разработать этот самый разборчивый шрифт без засечек На шрифт в значительной степени повлиял Джонстон, который разработал шрифт Johnston для лондонского метро.

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

    10. Frutiger (Адриан Frutiger , 1977 )

    Эта вневременная классика была разработана знаменитым Адрианом Фрутигером в 1977 году для оформления вывески для недавно строящегося аэропорта в Париже. Адриан Фрутигер уже выпустил свой успешный шрифт Univers в 1957 году, но он счел его слишком компактным и геометрическим, чтобы его можно было читать на знаках. Так родился Frutiger, который сам Адриан Фрутигер считает «банальным и красивым».

    Адриан Фрутигер также участвовал в написании знаменитого «Линотипа Дидо».

    11. Bembo (Aldus Manutius, Frank Hinman Pierpont and Francesco Griffo , 1929)

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

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

    12. Rockwell (Monotype Foundry, 1934)

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

    13. Franklin Gothic ( Morris Fuller Benton , 1903 )

    Созданный Моррисом Фуллером Бентоном в 1903 году в Америке, Franklin Gothic был переработан в 1980 году, а обновленная версия вышла в 1991 году. широкий диапазон веса.Этот шрифт из категории реалистичных без засечек может похвастаться большим количеством символов, чем любой другой из его семейства, и его смелость нравится многим дизайнерам.

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

    14. Sabon (январь Tschichold , 1966)

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

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

    15. Джорджия (Мэтью Картер, 1993)

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

    16. Гарамонд (Клод Гарамонд, 1530)

    Этот шрифт был первоначально разработан Клодом Гарамондом в 15 веке в неспокойные времена французского Возрождения. Клод был учеником Антуана Ожеро, печатника и издателя, под руководством которого он вырезал свой собственный шрифт cicero для знаменитого печатника Роберта Эстьена, который вызвал большое восхищение. Около 1620 года он был воспроизведен швейцарским печатником Жаном Жанноном под именем Гарамонд.

    Adobe Garamond, спроектированный Робертом Слимбахом в 1989 году, на сегодняшний день является самой популярной его цифровой версией.

    17. News Gothic (Моррис Фуллер Бентон, 1908 )

    News Gothic - еще один популярный шрифт, разработанный популярным Моррисом Фуллером Бентоном в начале 19 века как американский шрифт с засечками, созданный специально для ATF. Этот аккуратный и чистый шрифт с острыми краями многие по сей день предпочитают для газетных, издательских и других целей.

    18. Myriad ( Robert Slimbach , Carol Twombly , Christopher Slye and Fred Brady, 1992)

    Myriad является одним из оригинальных шрифтов Adobe. 1992 специально для коллекции шрифтов Adobe.Он был адаптирован многими компаниями и учреждениями в качестве своего корпоративного шрифта, включая Apple.

    19. Mrs Eav e s (Zuzana Licko , 1996)

    Лико был недоволен цифровым возрождением старых шрифтов в эту современную эпоху «абсолютной свободы» Таким образом, в 1996 году она создала Mrs Eaves - современную интерпретацию легендарного шрифта Джона Баскервилля и назвала его в честь его экономки (которая позже стала женой Баскервилля) Сары Ивс.

    20. Миньон ( Rober Slimbach , 1990)

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

    Изображение предоставлено: Flickr через c1.staticflickr.com

    5 типов шрифтов и способы их использования в графическом дизайне [2021]

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

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

    Давайте перейдем к делу.

    5 типов шрифтов и способы их использования в графическом дизайне

    Тип шрифта №1: Serif

    Тип шрифта № 2: Без засечек

    Тип шрифта № 3: Slab Serif

    Тип шрифта № 4: Сценарий

    Тип шрифта # 5: Декоративный

    Тип шрифта # 1: Serif

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

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

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

    Старые засечки

    Эта категория основана на первых римских шрифтах.По оценкам, он использовался с конца 15 до середины 18 века. Типы старого стиля также известны как типы Гаральда.

    Для них характерен большой контраст между тонкими и толстыми мазками. Сегодня Garamond и Goudy Old Style характеризуются теми же чертами.

    Переходные засечки

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

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

    Неоклассические и современные засечки

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

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

    Эти гарнитуры сегодня чаще всего используются в модных журналах высокого класса, потому что они элегантны, неторопливы, спокойны и сдержанны. Сегодня современные шрифты с засечками включают, но не ограничиваются ими, ITC Bodoni, ITC Fenice, Adobe New Caledonia и Berthold Walbaum.

    Clarendon Serifs

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

    Более поздние дизайны были изменены, чтобы у них были более толстые и четкие штрихи и более длинные засеки. В это семейство входят Bookman, Nimrod и ITC Charter.

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

    Serif идеально подходят для классических профессиональных случаев использования, таких как презентация, публикация B2B в социальных сетях или маркетинговая реклама.

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

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

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

    Тип шрифта № 2: Без засечек

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

    Гротеск без засечек

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

    Они смелые и солидные. В основном они использовались в заголовках и рекламе с конца 19 века до начала 20 века.

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

    Примеры этих шрифтов: Akzidenz-Grotesk, Franklin Gothic, Helvetica, Monotype Grotesque, News Gothic и Univers.

    Геометрический без засечек

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

    Они состоят из обычных монолинейных линий, квадратных или круглых форм. Они вдохновлены геометрическими формами. В это семейство шрифтов входят Futura, Avant Garde, Avenir, ITC Bauhaus и Harmonia Sans.

    Гуманист без засечек

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

    Эксперты в области типографики утверждают, что именно этот шрифт является наиболее разборчивым и читаемым из всех шрифтов без засечек. В это семейство шрифтов входят Gill Sans, Mentor Sans, ITC Goudy Sans и Optima.

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

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

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

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

    Шрифты без засечек

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

    Без засечек можно использовать как заголовок и как основной текст, что делает выбор шрифта невероятно универсальным. К популярным шрифтам без засечек относятся Arial, Didot, Open Sans и Calibri.

    Тип шрифта № 3: Slab Serif

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

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

    Семейство slab serif характеризуется толстыми линиями блоков в конце штрихов. Они могут казаться пышными, как Кларендон, или более заметными и свободными, как Роквелл.

    Сегодня к числу наиболее часто используемых шрифтов с засечками относятся Archer от H&FJ и Officina Serif от Erik Spiekermann.Первые бывают разного веса и красиво выделены курсивом. Последний представляет собой насыщенный и разборчивый шрифт, который очень гибок.

    Как использовать шрифты Slab Serif Шрифты

    Slab serif идеально подходят для привлечения внимания и лучше всего используются в заголовках презентаций и документов.

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

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

    Попробуйте также объединить разные типы шрифтов в один дизайн. Slab serifs действительно хорошо сочетаются с serif практически в любом дизайн-проекте, так что вы можете протестировать свои собственные сочетания шрифтов в будущих проектах.

    Тип шрифта № 4: Сценарий

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

    Формальные скрипты

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

    Формальные сценарии включают Снелла Раунхенд, Хелинду Рук, Молодое барокко, Элегию и сценарий Бикхэма.

    Blackletter и Lombardic Scripts

    Эти типы также известны как Textura, Gothic Script или Gothic minuscule. Это были популярные сценарии в Западной Европе с 12 по 17 века. Blackletter был построен по образцу старинных рукописных надписей, которые использовались до изобретения подвижного шрифта.

    Каллиграфические шрифты

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

    Случайные скрипты

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

    Этот стиль шрифта призван выглядеть неформально, как если бы он был написан на скорую руку. Это семейство включает Brush Script, Mistral, Kaufmann, Limehouse Script, Nadianne и Freestyle Script.

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

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

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

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

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

    Тип шрифта 5: декоративный

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

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

    Рядный

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

    Гранж

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

    Трафарет

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

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

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

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

    Билеты на мероприятие

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

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

    Готовы повысить уровень своего онлайн-дизайна?

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

    шрифтов

    шрифтов

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

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

    1. Пользовательский агент создает (или получает доступ) базу данных соответствующего CSS 2.2. свойства всех шрифтов, о которых знает UA. Если есть два шрифта с одинаковыми свойствами, пользователь агент выбирает один из них.
    2. Для данного элемента и для каждого символа в этом элементе UA собирает свойства шрифта, применимые к этому элементу. С помощью полный набор свойств, UA использует свойство font-family для выберите предварительное семейство шрифтов. Остальные свойства проверены против семьи в соответствии с критериями соответствия, описанными с каждое свойство.Если есть совпадения по всем остальным свойствам, тогда это совпадающее начертание шрифта для данного элемента или символа.
    3. Если в семействе шрифтов нет подходящего начертания шрифта обрабатывается на шаге 2, и если есть следующая альтернатива 'font-family' в наборе шрифтов, затем повторите шаг 2 со следующей альтернативой 'семейство шрифтов'.
    4. Если есть совпадающее начертание шрифта, но оно не содержит глифа для текущего персонажа, и если есть следующая альтернатива 'font-family' в наборах шрифтов, затем повторите шаг 2 со следующим альтернативное «семейство шрифтов».
    5. Если в семействе, выбранном в 2, нет шрифта, используйте "Font-family" по умолчанию, зависящий от UA, и повторите шаг 2, используя лучшее совпадение, которое может быть получено в пределах шрифта по умолчанию. Если конкретный символ не может быть отображен с использованием этого шрифта, тогда UA может использовать другой означает определение подходящего шрифта для этого символа. UA должен отобразить каждый символ, для которого нет подходящего шрифта для видимого символа выбранный UA, предпочтительно глиф "отсутствующего символа" из одного из шрифты, доступные для UA.

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

    Правила сопоставления по свойствам из пункта (2) выше следующие:

    1. Сначала пробуется 'font-style'. "Курсив" будет удовлетворен, если в базе данных шрифтов UA есть лицо помечены ключевым словом CSS "курсив" (предпочтительно) или "наклонный". В противном случае значения должны быть точно сопоставлены, иначе стиль шрифта не будет работать.
    2. Далее выполняется попытка
    3. 'font-option'.Спички с маленькой заглавной буквы (1) a шрифт, помеченный как 'small-caps', (2) шрифт, в котором маленькие заглавные буквы синтезированный, или (3) шрифт, в котором все строчные буквы заменены на заглавные буквы. Шрифт с маленькими заглавными буквами может быть синтезирован электронное масштабирование заглавных букв обычного шрифта. 'normal' соответствует нормальному варианту шрифта (не с маленькими заглавными буквами). У шрифта не может быть нормального варианта. Шрифт то, что доступно только с малыми заглавными буквами, должно быть выбрано как «нормальное» лицо или как «мелкое» лицо.
    4. 'font-weight' соответствует следующему, он будет никогда не подведи. (См. «Font-weight» ниже.)
    5. "размер шрифта" должен соответствовать в пределах Предел допуска, зависящий от UA. (Обычно размеры масштабируемых шрифтов округляются до ближайшего целого пикселя, а допуск для растровые шрифты могут достигать 20%.) Дальнейшие вычисления, например, значениями 'em' в других свойствах, основаны на вычисленное значение font-size.

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

    body {font-family: Gill, Helvetica, sans-serif}
     

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

    Существует два типа названий семейств шрифтов:

    <фамилия>
    Название выбранного семейства шрифтов.В последнем примере «Гилл» и «Helvetica» - семейства шрифтов.
    <родовое-семейство>
    В приведенном выше примере последнее значение является родовым именем семейства. В определены следующие общие семейства:
    • 'serif' (например, Times)
    • "без засечек" (например, Helvetica)
    • 'курсив' (например, Zapf-Chancery)
    • «фэнтези» (например, вестерн)
    • "моноширинный" (например, Courier)

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

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

    Например, следующие объявления недействительны:

    семейство шрифтов: красный / черный, без засечек;
    семейство шрифтов: "Lucida" Grande, без засечек;
    семейство шрифтов: Кхм !, без засечек;
    семейство шрифтов: test @ foo, sans-serif;
    семейство шрифтов: #POUND, без засечек;
    семейство шрифтов: Гавайи 5-0, без засечек;
     

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

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

    body {font-family: "New Century Schoolbook", serif}
    
    <ТЕЛО>
     

    Семейство шрифтов без кавычек имен , которые совпадают с значения ключевых слов "наследуются", "по умолчанию" и "начальные" или общие ключевые слова шрифта ('serif', 'sans-serif', 'monospace', 'fantasy' и 'cursive') не соответствуют типу '<имя-семейства>'.Эти имена должны быть заключены в кавычки во избежание путаницы с ключевыми словами с одинаковыми имена. Обратите внимание, что "font-family: Times, inherit", следовательно, является недопустимым. объявление, потому что "наследование" в этой позиции не может быть действительным ключевое слово или допустимое название семейства шрифтов.

    15.3.1 Общие семейства шрифтов

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

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

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

    15.3.1.1
    serif

    Глифы шрифтов с засечками, как этот термин используется в CSS, обычно имеют окончательную штрихи, расклешенные или сужающиеся концы, или иметь окончание с засечками (включая плоские засечки). Шрифты с засечками обычно пропорционально разнесены. Они часто демонстрируют большую разницу между толстые и тонкие штрихи, чем шрифты из общего шрифта 'sans-serif' семья. CSS использует термин 'serif' для применения к шрифту любого скрипта, хотя другие имена могут быть более знакомы для конкретных сценариев, например как Mincho (японский), Sung или Song (китайский), Totum или Kodig (корейский).Любой шрифт, описанный таким образом, может использоваться для обозначения родовое семейство 'serif'.

    Примеры шрифтов, подходящих под это описание:

    Латинские шрифты Times New Roman, Бодони, Гарамонд, Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit
    Греческие шрифты Bitstream Cyberbit
    Кириллические шрифты Adobe Minion Cyrillic, Excelsior Cyrillic Upright, Монотипный Альбион 70, Bitstream Cyberbit, ER Bukinist
    Еврейские шрифты New Peninim, Raanana, Bitstream Cyberbit
    Японские шрифты Рюмин Лайт-KL, Киокашо ИКА, Футо Мин A101
    Арабские шрифты Bitstream Cyberbit
    Шрифты Cherokee Lo Cicero Cherokee
    15.3.1.2
    sans-serif

    Глифы в шрифтах без засечек, поскольку этот термин используется в CSS, обычно имеют обводку гладкие окончания - с небольшим расширением или без развальцовки, поперечного штриха и т. д. орнамент. Шрифты без засечек обычно пропорционально разнесены. У них часто есть небольшие различия между толстыми и тонкие штрихи по сравнению со шрифтами из семейства "serif". CSS использует термин "без засечек" для применения к шрифту для любого шрифта, хотя другие имена могут быть более знакомы для конкретных сценариев, например Готический (японский), Кай (китайский) или Патанг (корейский).Любой шрифт, описанный таким образом, может использоваться для обозначения общего "без засечек" семья.

    Примеры шрифтов, подходящих под это описание:

    Латинские шрифты MS Trebuchet, ITC Avant Garde Gothic, MS Arial, MS Verdana, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica
    Греческие шрифты Attika, Typiko New Era, MS Tahoma, Monotype Gill Sans 571, Helvetica Greek
    Кириллические шрифты Helvetica Cyrillic, ER Univers, Lucida Sans Unicode, Bastion
    Еврейские шрифты Arial Hebrew, MS Tahoma
    Японские шрифты Shin Go, Heisei Kaku Gothic W5
    Арабские шрифты MS Tahoma
    15.3.1.3
    cursive

    Глифы курсивным шрифтом, как этот термин используется в CSS, обычно имеют либо присоединение штрихов, либо другие характеристики курсива, помимо тех курсивных шрифтов. Глифы частично или полностью связаны, и результат больше похож на рукописную ручку или кисть письмо, чем печатное письмо. Шрифты для некоторых скриптов, например Арабский, почти всегда пишется курсивом. В CSS термин «курсив» используется для применять к шрифту для любого скрипта, хотя другие названия, такие как Chancery, Кисть, Swing и Script также используются в названиях шрифтов.

    Примеры шрифтов, подходящих под это описание:

    Латинские шрифты Caflisch Script, Adobe Poetica, Sanvito, Ex Ponto, Snell Roundhand, Zapf-Chancery
    Кириллические шрифты ER Architekt
    Еврейские шрифты Корсива
    Арабские шрифты DecoType Naskh, монотипия урду 507
    15.3.1.4
    fantasy

    Fantasy шрифты, используемые в CSS, в основном являются декоративными, в то время как все еще содержащие представления символов (в отличие от Пи или Графические шрифты, которые не представляют символы).Примеры включают:

    латинские шрифты Alpha Geometrique, Critter, Cottonwood, FB Reactor, Studz
    15.3.1.5
    моноширинный

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

    Примеры шрифтов, соответствующих этому описанию, включают:

    Латинские шрифты Courier, MS Courier New, Prestige, Everson Mono
    Греческие шрифты MS Courier New, Everson Mono
    Кириллические шрифты ER Kurier, Everson Mono
    Японские шрифты Osaka Моноширинный
    Шрифты Cherokee Эверсон Моно
    Имя: font-style
    Значение: нормальный | курсив | косой | наследовать
    Начальное: нормальное
    Применимо к: все элементы
    Унаследовано: да
    В процентах: Н / Д
    Медиа: визуальный
    Вычисленное значение: как указано

    Свойство font-style выбирает между обычным (иногда называемые "римскими" или "вертикальными"), курсивом и наклонным шрифтом внутри семейство шрифтов.

    Значение «нормальный» выбирает шрифт, который классифицируется как «нормальный». в базе данных шрифтов UA, в то время как 'oblique' выбирает шрифт, который помечены как "наклонные". Значение "курсив" выбирает шрифт, который помечен «курсив» или, если он недоступен, помеченный как «наклонный».

    Шрифт, помеченный как «наклонный» в базе данных шрифтов UA, может фактически были созданы путем электронного наклона обычного шрифта.

    Шрифты с наклонными, наклонными или наклонными названиями будут обычно обозначается как «наклонный» в базе данных шрифтов UA.Шрифты с Курсив, Курсив или Курсив в их именах будет обычно обозначается курсивом.

    h2, h3, h4 {font-style: italic}
    h2 em {font-style: normal}
     

    В приведенном выше примере выделенный текст в 'h2' появится в нормальное лицо.

    Имя: вариант шрифта
    Значение: нормальный | малые шапки | наследовать
    Начальное: нормальное
    Применимо к: все элементы
    Унаследовано: да
    В процентах: Н / Д
    Медиа: визуальный
    Вычисленное значение: как указано

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

    Значение 'normal' выбирает шрифт, который не является шрифтом с маленькими заглавными буквами, 'small-caps' выбирает шрифт small-caps. Это приемлемо (но не требуется) в CSS 2.2, если шрифт с маленькими заглавными буквами создается с помощью обычный шрифт и замена строчных букв масштабированными прописными символы. В крайнем случае будут использоваться прописные буквы в качестве замена капельного шрифта.

    Следующий пример приводит к элементу 'h4' в малых заглавных буквах, с любыми подчеркнутыми словами наклонными и любыми подчеркнутыми словами внутри и наклонные малые заглавные буквы 'h4':

    h4 {font-variant: small-caps}
    em {font-style: oblique}
     

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

    Примечание: , поскольку это свойство приводит к тому, что текст преобразовано в верхний регистр, применяются те же соображения, что и для 'text-transform'.

    Имя: font-weight
    Значение: normal | жирный | смелее | зажигалка | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | наследовать
    Начальное: нормальное
    Применимо к: все элементы
    Унаследовано: да
    В процентах: Н / Д
    Медиа: визуальный
    Расчетное значение: см. Текст

    Свойство font-weight выбирает толщину шрифта.В значения от «100» до «900» образуют упорядоченную последовательность, где каждое число указывает на вес, который по крайней мере такой же темный, как и его предшественник. В ключевое слово "нормальный" является синонимом "400", а "жирный" - синонимом. с "700". Ключевые слова, отличные от "нормального" и "жирного", были показаны часто путают с названиями шрифтов, поэтому числовая шкала выбран для списка из 9 значений.

    p {font-weight: normal} / * 400 * /
    h2 {font-weight: 700} / * полужирный * /
     

    Значения «жирнее» и «светлее» выбирают толщину шрифта, относительно веса, унаследованного от родителя:

    сильный {font-weight: bolder}
     

    Шрифты (данные шрифта) обычно имеют одно или несколько свойств, значения - это имена, которые описывают «вес» шрифта.Там не имеет общепринятого универсального значения для этих названий веса. Их основные роль заключается в том, чтобы различать лица разной темноты в одном семейство шрифтов. Использование разных семейств шрифтов весьма вариативно; Например, шрифт, который можно было бы назвать жирным, можно описать как быть Regular, Roman, Book, Medium, Semi- или DemiBold, Полужирный, или Черный, в зависимости от того, насколько черным "нормальное" лицо шрифта в дизайне. Потому что нет стандартного использования имен, значения свойств веса в CSS 2.2 даны на числовом шкала, в которой значение «400» (или «нормальный») соответствует "нормальное" текстовое лицо для этой семьи. Название веса, связанное с это лицо обычно будет Книжный, Обычный, Римский, Обычный или иногда Средний .

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

    • Если в семействе шрифтов уже используется числовая шкала с девятью значениями (например, e.g., OpenType делает), вес шрифта должен быть сопоставлен напрямую.
    • Если есть обе грани с меткой Средний и одна с меткой Книжный, Обычный, Римский или Обычный, , затем Средний обычно присваивается «500».
    • Шрифт с надписью «Полужирный» часто соответствует значению веса «700».

    Как только веса семейства шрифтов отображаются на шкале CSS, недостающие веса выбираются следующим образом:

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

    В следующих двух примерах показаны типичные сопоставления.

    Предположим, что у семейства «Гремучая змея» четыре веса, от самого легкого до самый темный: Обычный, Средний, Полужирный, Плотный.

    9095 Rattlesnake Bold "
    Первый пример отображения веса шрифта
    Доступные грани Назначения Заполнение отверстий
    «Rattlesnake Regular» 400 100, 200, 300
    «Rattlesnake Medium» 700 600
    " Rattlesnake Heavy " 800 900

    Предположим, что в Семейство «Ice Prawn»: Book, Medium, Bold, Heavy, Black, ExtraBlack. Обратите внимание, что в этом случае пользовательский агент решил, что , а не , назначать числовой значение "Ice Prawn ExtraBlack".

    Второй пример отображения веса шрифта
    Доступные грани Назначения Заполнение отверстий
    «Ice Prawn Book» 400 100, 200, 300
    «Ice Prawn Medium» 500 909 500 909 «Ice Prawn Bold» 700 600
    «Ice Prawn Heavy» 800
    «Ice Prawn Black» 900
    Ice Prawn Extra (нет)

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

    Значения «смелее» и «светлее»
    Унаследованное значение смелее Зажигалка
    100 400 100
    200 400 100
    300 400 100
    400 700 100
    500 700 100
    600 900 400
    700 900 400
    800 900 700
    900 900 700

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

    Нет гарантии, что лицо будет темнее для каждого из значения 'font-weight'; например, некоторые шрифты могут иметь только нормальное и жирное лицо, в то время как у других может быть восемь толщин лица. Нет никакой гарантии, как UA будет отображать шрифты внутри семейства. к значениям веса. Единственная гарантия - это то, что лицо заданной стоимости будет не менее темным, чем грани более светлых оттенков.

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

    <абсолютный размер>
    Ключевое слово - это указатель таблицы шрифтов. размеры рассчитываются и хранятся UA. Возможные значения:

    [xx-маленький | x-small | маленький | средний | большой | x-большой | xx-большой]

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

    Значения абсолютного размера CSS xx-малый x-маленький малый средний большой x-большой хх большой
    Размер шрифта HTML 1 2 3 4 5 6 7

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

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

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

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

    <относительный размер>
    Ключевое слово интерпретируется относительно таблица размеров шрифта и размера шрифта родительского элемента.Возможный значения: [больше | меньше]. Например, если родительский элемент имеет размер шрифта "средний", значение "больше" сделает шрифт размер текущего элемента должен быть «большим». Если размер родительского элемента не близок к записи в таблице, UA может интерполировать между записи в таблице или округлить до ближайшего. UA, возможно, придется экстраполировать значения таблицы, если числовое значение выходит за пределы ключевые слова.

    Длина и процентные значения не должны попадать в таблицу размеров шрифта учитывать при расчете размера шрифта элемента.

    Отрицательные значения не допускаются.

    Во всех остальных свойствах значения длины em и ex относятся к вычисленный размер шрифта текущего элемента. В свойстве font-size эти Единицы длины относятся к вычисленному размеру шрифта родительского элемента.

    Обратите внимание, что приложение может повторно интерпретировать явный размер, в зависимости от контекста. Например, внутри сцены VR шрифт может получить разный размер из-за искажения перспективы.

    Примеры:

    п {размер шрифта: 16 пикселей; }
    @media print {
    п {размер шрифта: 12 пт; }
    }
    blockquote {font-size: больше}
    em {размер шрифта: 150%}
    em {размер шрифта: 1.5em}
     

    Свойство 'font': за исключением описанного ниже, сокращенное свойство для параметр 'стиль шрифта', 'вариант-шрифта', 'font-weight', 'размер шрифта', 'line-height' и 'font-family' одновременно место в стиле простынь. Синтаксис этого свойства основан на традиционном типографская сокращенная запись для установки нескольких свойств, связанных с шрифты.

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

    p {font: 12px / 14px без засечек}
    п {шрифт: 80% без засечек}
    p {font: x-large / 110% "New Century Schoolbook", serif}
    p {шрифт: полужирный курсив, большой Palatino, serif}
    p {font: normal, small-caps 120% / 120% fantasy}
     

    Во втором правиле процентное значение размера шрифта ('80%') относится к к размеру шрифта родительского элемента. В третьем правиле строка процент высоты относится к размеру шрифта самого элемента.

    В первых трех правилах выше "стиль шрифта", "вариант шрифта" и font-weight явно не упоминаются, что означает, что они все три установлены на свое начальное значение («нормальное»). Четвертый набор правил начертание шрифта на жирный, стиль шрифта на курсив и неявно устанавливает для 'font-option' значение 'normal'.

    Пятое правило устанавливает 'font-option' ('small-caps'), 'font-size' (120% родительского шрифта), 'line-height' (120% раз размер шрифта) и «font-family» («фантазия»).Отсюда следует, что ключевое слово 'normal' применяется к двум оставшимся свойствам: 'font-style' и font-weight.

    Следующие значения относятся к системным шрифтам:

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

    Системные шрифты можно устанавливать только целиком; то есть шрифт семья, размер, вес, стиль и т. д. настраиваются одновременно. При желании эти значения затем могут быть изменены индивидуально. Если нет шрифт с указанными характеристиками существует на данной платформе, пользовательский агент должен либо разумно заменить (например, меньший версия шрифта 'caption' может использоваться для 'small-caption' font) или замените шрифт пользовательского агента по умолчанию.Что касается обычных шрифтов, если для системного шрифта какие-либо отдельные свойства не являются частью доступных пользовательских настроек операционной системы, эти свойства должны быть установлены на их начальные значения.

    Вот почему это свойство является «почти» сокращенным свойством: system шрифты могут быть указаны только с этим свойством, а не с самим 'font-family', поэтому 'font' позволяет авторам делать больше, чем сумма его подсвойств. Однако отдельным свойствам, таким как font-weight, по-прежнему присваиваются значения, взятые из системного шрифта, которые можно изменять независимо.

    Примеры:

    button {font: 300 italic 1.3em / 1.7em "FB Armada", sans-serif}
    кнопка p {font: menu}
    кнопка p em {font-weight: bolder}
     

    Если шрифт, используемый для раскрывающихся меню в определенной системе оказался, например, углем 9-point, весом 600, то P элементы, являющиеся потомками BUTTON, будут отображаться, как если бы это правило действовало:

    кнопка p {font: 600 9px Charcoal}
     

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

    button p {
      семейство шрифтов: Уголь;
      стиль шрифта: нормальный;
      вариант шрифта: нормальный;
      font-weight: 600;
      размер шрифта: 9 пикселей;
      высота строки: нормальный;
    }
     

    Классификация типов | Шрифты.com

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

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

    Классификации

    Стили шрифтов с засечками
    • Старый стиль
    • Переходный
    • Неоклассический и дидонский
    • Плита
    • Clarendon
    • Глифический
    Стили шрифта без засечек
    • Гротеск
    • Квадратный
    • Гуманистический
    • Геометрический

    Стили типов скрипта
    • Формальный
    • Повседневная
    • Каллиграфический
    • Blackletter и ломбардский
    Декоративный
    • Гранж
    • Психоделический
    • Граффити

    Стили шрифтов с засечками

    Старый стиль
    В эту категорию входят первые римские шрифты, первоначально созданные между концом 15 и серединой 18 веков, а также шрифты, созданные по образцу шрифтов, созданных в этот более ранний период.Ось изогнутых штрихов обычно наклонена влево в этих конструкциях, так что весовая нагрузка приходится примерно на 8:00 и 2:00 часа. Контраст в толщине штриха персонажа не является драматическим, а линии волос имеют тенденцию быть тяжелыми. В дизайне старого стиля засечки почти всегда заключаются в квадратные скобки, а заголовки часто располагаются под углом. Некоторые версии, как и более ранние венецианские образцы старого стиля, отличаются диагональным поперечным штрихом строчной буквы e.

    Переходные засечки
    Английский типограф и типограф Джон Баскервиль установил этот стиль в середине 18 века.Эти гарнитуры представляют собой переход от старого стиля к неоклассическому дизайну и включают в себя некоторые характеристики каждого из них. Работа Баскервилля с каландрированной бумагой и улучшенные методы печати (оба они были разработаны им) позволили воспроизвести гораздо более тонкие штрихи символов и сохранить более тонкие формы символов. В то время как ось штрихов кривой может быть наклонена в переходных проектах, штрихи обычно имеют вертикальное напряжение. Контраст веса более выражен, чем в дизайне старого стиля.Засечки по-прежнему заключены в квадратные скобки, а заголовки - наклонные.

    Неоклассицизм и дидоновые засечки
    Это шрифты, созданные в конце 18 века или их прямые потомки. Работа Джамбаттисты Бодони олицетворяет этот типографский стиль. При первом выпуске эти гарнитуры назывались «классическими» дизайнами. Однако на раннем этапе печатникам стало очевидно, что это не обновленные версии классических стилей, а совершенно новый дизайн. В результате их классификационное название было изменено на «современные».«С середины 20 века они также классифицируются как неоклассические или дидонские. Контраст между толстыми и тонкими мазками резкий и резкий. Ось изогнутых штрихов является вертикальной, с небольшим брекетингом или без него. Во многих случаях концы штрихов имеют форму «шара», а не вызывают эффект широкого пера. Это, как правило, изысканный дизайн с четко построенными буквами.

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

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

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

    Стили шрифта без засечек

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

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

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

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

    Стили шрифтов скрипта

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

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

    Blackletter и Lombardic Scripts
    Эти гарнитуры нанесены на рукописные буквы до изобретения подвижного шрифта.

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

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


    Самые популярные типы шрифтов в Америке [Инфографика]


    Создайте свою карту

    Используемый шрифт имеет значение.

    Если у вас есть какие-либо сомнения, просто рассмотрите случай владельца Cleveland Cavaliers, Дэна Гилберта.

    Когда Леброн Джеймс объявил, что покидает команду в Майами в 2010 году, Гилберт опубликовал в сети официальное письмо с критикой решения игрока. Его «манифест» стал популярным в Интернете - не из-за его содержания, а из-за того, что Гилберт использовал Comic Sans, шрифт, немного напоминающий детский почерк.

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

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

    Где люди предпочитают использовать шрифты, похожие на рукописный? Как насчет шрифтов с причудливыми украшениями? Или простые шрифты, такие как Arial? И что эти региональные причуды говорят нам об Америке?

    Краткое изложение наших выводов:
    • Шрифты сценария: Только 4% пользователей используют шрифты сценария, которые выглядят как рукописные, но люди в Неваде с гораздо большей вероятностью будут их использовать.
    • Декоративные шрифты: Южане склонны использовать декоративные шрифты чаще, чем средний житель США, но лидирующий штат, когда дело доходит до украшенных шрифтов, - это Гавайи.
    • Шрифты для заголовков: Каждый пятый житель Западной Вирджинии предпочитает более смелые шрифты для заголовков.
    • Засечки : В целом, американцы в значительной степени предпочитают шрифты без засечек (81%) шрифтам с засечками, хотя 19% жителей Делавэра предпочитают шрифты с засечками.

    Как использование шрифта зависит от региона?

    Для начала мы разделили все наши шрифты на несколько основных классификаций, обычно используемых типографами: шрифтовых шрифта , декоративных шрифта , шрифтов заголовков .Мы также различали шрифты serif и sans serif .

    В качестве фона скриптовые шрифты делятся на шрифты, полученные из каллиграфии или рукописного ввода.

    Декоративные шрифты обычно имеют яркие украшения.

    Между тем, шрифты заголовков выделены жирным шрифтом.

    Шрифты

    с засечками (например, Times New Roman) имеют мелкие мазки в конце определенных символов, а шрифты без засечек (Veranda) - нет.

    Скриптовые шрифты по штатам

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

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

    Включен в эту категорию: Comic Sans - «самый ненавистный шрифт в мире». Первоначально выпущенный Microsoft в 1994 году для использования в их (ныне снятых с производства) мультфильмах «Боб», он с тех пор применяется к вещам, с которыми, вероятно, не следует ассоциироваться: дверным знакам, курсовым работам и письмам от владельцев франшизы NBA.

    В таком случае логично, что самый игривый штат США - Невада, где находится Лас-Вегас, - возглавляет список мест, где самый высокий процент людей использует скриптовые шрифты. Удивительно высокий уровень - 10,34% всех жителей Невады, которые делают плакаты, инфографику и другие визуальные эффекты на Venngage, выбирают такие шрифты, как Comic Sans.

    Не отстают и южные штаты: Западная Вирджиния (10%), Южная Каролина (7,56%) и Кентукки (6,94%).

    Скриптовые шрифты по городам

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


    Создать карту

    Интересно, что скриптовые шрифты не пользуются большой популярностью в каком-либо конкретном городе (они менее популярны в городах, чем в штатах в целом). Нэшвилл, штат Теннесси, возглавляет список с 3%, за ним очень близко идут Даллас, Техас (2,98%), Индианаполис, Индиана (2,97%), Сиэтл, Вашингтон (2,93%) и Вашингтон, округ Колумбия (2,92%).

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

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

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

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

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

    В целом, декоративные шрифты более популярны, чем скриптовые шрифты во всех штатах.

    Но, похоже, они особенно ценятся на Гавайях, где их отдают предпочтение 23,5% пользователей Venngage.Это может быть связано с огромной индустрией туризма на Гавайях, которая составляет 14 миллиардов долларов в год, что составляет 21% всей экономики Гавайев. Часто в инфографике, связанной с туризмом, используются более причудливые декоративные шрифты, чтобы отличать их от конкурирующих туров.

    Декоративные шрифты по городам

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

    В этом списке доминирует Техас, с четырьмя из 10 лучших городов (и 3 из 4 лучших): Эль-Пасо (11.12%), Форт-Уэрт (10,38%), Сан-Антонио (10,22%) и Остин (9,67%). Поскольку Техас является одним из самых религиозных штатов страны, религиозная инфографика (в которой обычно используются украшенные шрифты) может способствовать этому, хотя такие города, как Бостон (10,28%) и Нью-Йорк (10,09%), также занимают здесь высокие позиции.

    Шрифты заголовков по штатам

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

    В целом, мы видим немного больший сдвиг здесь от южных штатов к штатам Запада / Среднего Запада: населен Айдахо (17,33%), Небраска (17,31%), Монтана (17,31%) и Южная Дакота (15,63%). список.

    Но с 20% всех клиентов Venngage из Западной Вирджинии, выбирающих шрифт заголовка для своей инфографики, южный штат берет верх.

    Шрифты заголовков по городам

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

    И снова четыре из 10 крупнейших городов находятся в Техасе, но возглавляет список Филадельфия, штат Пенсильвания (11,13%).

    Филадельфия известна своим неприятием. Фактически, он был назван «самым злым городом Америки» и - одним из «самых грубых» городов страны. Эта культура может способствовать более широкому использованию агрессивных шрифтов заголовков в инфографике.

    Большой спор: сравнение шрифтов с засечками и без засечек

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

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

    Шрифтов с засечками по штатам

    Начнем с шрифтов с засечками в широком масштабе. Какие штаты их больше всего одобряют?

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

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

    Шрифты с засечками по городам

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

    Три из четырех городов, которые больше всего любят засечки, находятся на Юге (согласно определению Бюро переписи населения США), причем 10,12% создателей инфографики в Мемфисе, штат Теннесси, отдают предпочтение им. Частично это может быть связано с тем, что Теннесси и Техас являются более консервативными штатами, чем в среднем, а шрифты с засечками более традиционны и немного интереснее, чем шрифты без засечек.

    Шрифты без засечек по штатам

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

    В штате с верхними засечками (Делавэр) только 19% использовали группу шрифтов; здесь множество штатов занимают 80% или более процентов использования, а Арканзас лидирует с показателем 85,29%.

    За исключением Арканзаса, ни один из этих штатов не находится на юге - и мы видим здесь более западный уклон (Юта, Нью-Мексико, Орегон). Интересно, что «новые» штаты, похоже, также предпочитают более современные шрифты без засечек.

    Шрифты без засечек по городам

    За некоторыми исключениями, мы видим, что та же тенденция проявляется на уровне городов.

    В то время как штаты, предпочитающие засечки, были в основном сосредоточены на Юге, этот список распространяется по всей территории США. Мы также видим, что Сан-Франциско, Калифорния (89,57%) впервые включен в любой из этих списков, что интригует, учитывая, что это почти родина Интернета, который привел к популярности шрифтов без засечек в цифровых носителях.

    Неожиданно популярные шрифты по штатам и городам

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

    Мы изучили шрифты, которые использовались по крайней мере 1% пользователей по всей стране, затем сравнили их среднее использование в США с их использованием в этом штате, чтобы определить, насколько они необычайно популярны.

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

    Например, 8,70% пользователей на Аляске предпочли использовать Освальда в своей инфографике по сравнению со средним показателем по стране 4,09%. Это означает, что пользователи Аляски на 100% чаще выбирают Освальда, чем средний житель США. Точно так же жители Западной Вирджинии любят использовать шрифт Montserrat: они выбирают его в 10% случаев, тогда как средний пользователь выбирает Montserrat только в 5,19% случаев.

    Абель, кажется, является фаворитом (он наиболее необычно популярен в 6 штатах), за ним следуют Амарант, Освальд и Unica One (в каждом из 5 штатов).

    В списке городов мы остановились на 25 ключевых мегаполисах.

    В большинстве городов разница по сравнению со средним показателем в США даже больше, чем на уровне штатов. Это указывает на то, что жители этих крупных городов с большей вероятностью выберут более редкие шрифты, чем жители других городов. Например, 13% людей в Джексонвилле, Флорида, любят шрифт Oxygen, по сравнению с 6,09% по стране - на 113% больше среднего!

    Заключение

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

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

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

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


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

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

    Безопасные веб-шрифты

    Безопасные веб-шрифты

    Безопасные веб-шрифты

    Очень хорошее обсуждение истории шрифтов взято из http: // www.xnet.se/xpo/typetalk/ и заархивированы здесь.

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

    Еще один документ с перекрестными ссылками на шрифты находится здесь.

    Наиболее безопасными для использования являются:

    Другие варианты, которые обычно работают на разных платформах:

    • Палатино
    • Garamond
    • Книжник
    • Авангард

    Шрифты, которые работают в Windows и MacOS, но не в Unix + X:

    • Вердана
    • Грузия
    • Comic Sans MS
    • Требушет MS
    • Ариал Черный
    • Удар
    Общие шрифты без засечек

    Helvetica здесь дедушка, но Arial чаще встречается на современные ОС.

    Helvetica

    ABCDE abcde 012345 & *!,.
    Helvetica - это шрифт без засечек. Это хороший выбор для краткости текст, возможно параграф или два в длину. Unix и Macintosh на компьютерах всегда была Helvetica, и это родной шрифт. на принтерах PostScript.

    Arial

    ABCDE abcde 012345 & *!,.
    Arial - почти копия Helvetica, немного обновленная. Windows использует Arial вместо Helvetica.

    Шрифты с обычными засечками

    Times - прародитель шрифтов с засечками, но Times New Roman - это чаще встречается в последних ОС.

    раз

    ABCDE abcde 012345 & *!,.
    Times (также называемый Times Roman) - это традиционный шрифт с засечками. шрифт. Он доступен на компьютерах Macintosh и Unix и является основной шрифт PostScript. Times был разработан для использования в качестве газеты текст столбца. Он имеет небольшой размер по сравнению с большинством других шрифтов.

    Times New Roman

    ABCDE abcde 012345 & *!,.
    Times New Roman - это версия Times от Microsoft. Это доступно на компьютерах Windows и большинстве компьютеров Macintosh.

    Обычные моноширинные шрифты

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

    Курьер

    ABCDE abcde 012345 & *!,.
    Courier - традиционный моноширинный шрифт. Он доступен на Компьютеры Macintosh и Unix, и является основным шрифтом PostScript.

    Courier New

    ABCDE abcde 012345 & *!,.
    Courier New - это версия Courier от Microsoft.Большинство Windows и У компьютеров Macintosh будет Courier New.

    Менее распространенные шрифты без засечек

    Вердана популярна, но все еще новичок на сцене. Стиль Тахомы находится на полпути между Верданой и Ариал. Comic Sans MS часто понравился своей неформальной атмосферой. Avante Garde большой и просторный. И Impact, и Arial Black предназначены для названий и заголовки. Все шрифты в этом разделе страдают от Проблема в том, что на большинстве Unix-машин нет шрифтов.

    Вердана

    ABCDE abcde 012345 & *!,.
    Примерно с 2000 г. до середины 2002 г. Microsoft распространяла набор Шрифты, оптимизированные для Интернета, для бесплатного использования. Они перестали позволять загружает, но по-прежнему поставляет шрифты с Windows. Вердана - это замена без засечек. Его строчные буквы очень большие, по сравнению с общим размером шрифта, что упрощает работу с текстом читать в сети.

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

    Тахома

    ABCDE abcde 012345 & *!,.
    Tahoma - еще один веб-шрифт Microsoft. Это не так широко доступны как Verdana или Arial.

    Ариал Черный

    ABCDE abcde 012345 & *!,.
    Arial Black - это версия Arial, предназначенная для заголовков.

    Comic Sans MS

    ABCDE abcde 012345 & *!,.
    Comic Sans MS - это шрифт без засечек с мягкими закругленными краями.

    Удар

    ABCDE abcde 012345 & *!,.
    Impact - это шрифт Microsoft Web, предназначенный для заголовков.

    Avant Garde

    ABCDE abcde 012345 & *!,.
    Авангард или вековая готика.Принтеры HP называют это Avant Garde Gothic.

    Менее распространенные шрифты с засечками

    Georgia - это веб-оптимизированный шрифт с засечками, но он все еще новичок. Палатино такой же старый и устоявшийся, как и Times, но выглядит ужасно в недавнем Unix системы. Century Schoolbook, Garamond и Bookman кажутся доступны в системах Unix, но я не уверен, насколько широко они распространены находятся в системах Windows / Mac.

    Грузия

    ABCDE abcde 012345 & *!,.
    Georgia - шрифт Microsoft Web.В нем есть засечки, но также есть большие строчные буквы, похожие на Verdana. Это красиво читаемый экранный шрифт, но имеет те же проблемы, что и Verdana есть: плохо выглядит в распечатанном виде, а постраничный - предназначен для Грузии. будет плохо выглядеть при рендеринге в Times из-за разницы в размер письма.

    Палатино

    ABCDE abcde 012345 & *!,.
    Palatino - менее распространенный шрифт с засечками. Он доступен на Компьютеры Macintosh и Unix, и является основным шрифтом PostScript. Это доступен на компьютерах с ОС Windows под альтернативными названиями шрифтов.

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

    Книжник

    ABCDE abcde 012345 & *!,.
    Книжник, также называемый Книжником Старого Стиля. Не поставляется с WinXP. Поставляется с MS Office 2000.

    Garamond

    ABCDE abcde 012345 & *!,.
    Garamond. Вариантов этого шрифта очень много. Не поставляется с WinXP.

    Век Учебник

    ABCDE abcde 012345 & *!,.
    Century Schoolbook - это основной шрифт постскриптума. Вы не можете полагаться на он присутствует на компьютерах с Windows. Не поставляется с WinXP.

    Менее распространенные моноширинные шрифты

    Андале Моно похож на Вердану и Джорджию; это новый шрифт, не широко распространен и недоступен в Unix или на некоторых компьютерах с Windows.

    Андале Моно

    ABCDE abcde 012345 & *!,.
    Andale Mono - еще один моноширинный шрифт Microsoft. Это имеет некоторое сходство с Монако.Не поставляется с WinXP.

    .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *