Что такое шрифт в информатике

Шрифты

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

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

Шрифты создаются художниками в соответствии:

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

Содержание

Основные характеристики шрифтов

Различают основные группы шрифтов: наборные и акцидентные шрифты. Эти две группы разветвляются на множество подгрупп. Каждая гарнитура имеет своё наименование. Разработка гарнитур — сложная и трудоёмкая работа.

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

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

Засечки

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатикеШрифт без засечек
Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатикеШрифт с засечками
Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатикеШрифт с засечками
(выделены красным)

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

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

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

Пропорции

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

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

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

Моноширинные шрифты лучше подходят для некоторых целей, поскольку их знаки выстраиваются в чёткие, ровные колонки. Большинство ручных пишущих машинок и алфавитно-цифровых компьютерных дисплеев использует моноширинные шрифты. В большинстве компьютерных программ, у которых имеется только текстовый интерфейс (например, эмуляторы терминала), также применяются только моноширинные шрифты. Программисты, как правило, предпочитают моноширинные шрифты при редактировании Исходного кода. Для правильного отображения ASCII art обычно требуется моноширинный шрифт. На веб-страницах теги или чаще всего задают непропорциональные шрифты. В verbatim использует непропорциональные шрифты. Любые две строки текста с одинаковым числом символов при использовании моноширинного шрифта должны отображаться имеющими одинаковую ширину, тогда как при использовании пропорционального шрифта те же две строки могут иметь совершенно разную ширину. Это происходит из-за того, что в последнем случае широкие символы (такие как буквы W, Q, Z, M, D, O, H, и U) требуют больше места, чем узкие (такие как i, t, l, и 1). В издательском деле, редакторы читают рукописи, набранные моноширинными шрифтами для облегчения редактирования, и присылать рукописи, набранные пропорциональным шрифтом, считается плохим тоном.

Шрифты в России

Единственным производителем шрифтов в СССР был Отдел наборных шрифтов (1938—1993 гг.) НИИ полиграфического машиностроения. За годы существования отдела было разработано около 80 гарнитур. После упразднения отдела, многие работавшие в нём дизайнеры перешли в компанию ParaGraph.

Проектированием кириллических шрифтов в России занимаются несколько компаний, наиболее известными из которых являются ParaType (бывшее подразделение компании ParaGraph, отделившееся в 1998 году) и студия Letterhead (основана в 1998 г.). Попавшая к пиратам в конце 90-х годов шрифтовая библиотека ParaType является основным содержимым всех без исключения пиратских сборников.

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

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

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

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

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

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

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

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

Современные шрифты

См. также

Ссылки

Полезное

Смотреть что такое «Шрифты» в других словарях:

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

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

Шрифты — (классификации) 1) Ш. пишущих машин классифицируются по размерам (высота, ширина) знаков, их конфигурации. Комплект литер со знаками, характеризующимися определенными размерами и конфигурацией, образует Ш. определенной марки; 2)… … Криминалистическая энциклопедия

Шрифты — развитие письменности началось с передачи содержания сообщений реальными картинками (рисуноч. Ш.). Затем содержание было абстрагировано, и возник понятийный Ш. (иероглифы, клинопись). На следующем уровне абстракции появился алфавитный Ш … Древний мир. Энциклопедический словарь

Шрифты — (лат. scriptum написанное). Развитие письменности началось с передачи содержания сообщений реальными картинками (рисуночный Ш.). Затем содержание было абстрагировано, и возник понятийный Ш. (иероглифы, клинопись). На следующем уровне… … Словарь античности

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

шрифты грейскейл — Шрифты «грейскейл» (Greyscale fonts) Шрифты, в которых используются вариации интенсивности серого по краю контура знаков для подавления эффекта зубчатости контура [граница изображения знака] и улучшения воспроизведения шрифта на устройствах… … Шрифтовая терминология

шрифты символа — — [http://www.iks media.ru/glossary/index.html?glossid=2400324] Тематики электросвязь, основные понятия EN character fonts … Справочник технического переводчика

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

Шрифты типографские — Полное собрание типографских букв или литер, служащих для воспроизведения письменных знаков какого либо языка, называется Ш. Помимо прописных и строчных букв, в состав Ш. входят еще капительные буквы, знаки препинания, цифры, дефис или знак… … Энциклопедический словарь Ф.А. Брокгауза и И.А. Ефрона

Источник

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

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

Содержание

Понятие

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

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

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

Типы шрифтов

По внутреннему устройству

Компьютерные шрифты делятся по способу отрисовки на два типа: растровые и векторные.

Для вывода векторного шрифта на растровые устройства (мониторы и принтеры) его необходимо растеризовать — преобразовать в набор точек. Для установки и растеризации подобных шрифтов в операционных системах Windows 9x/NT/2000 и Mac OS была предназначена программа Adobe Type Manager (ATM). В Windows NT 4.0 также можно использовать шрифты в формате PostScript Type1 без установки ATM, правда, во время установки они автоматически конвертируются в формат TrueType со всеми вытекающими последствиями. В Windows 2000 (и последующих) уже встроен растеризатор Type1-шрифтов и для их установки ATM уже не обязателен.

По ширине символа

По ширине символов шрифты делят на моноширинные и пропорциональные.

Отображение на экране

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

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

Источник

Анатомия тысячи шрифтов

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

Даже годы спустя после выхода фильма Avatar остаётся кое-что, с чем не может справиться даже Райан Гослинг — использование шрифта Papyrus в логотипе фильма. В пародии, снятой Saturday Night Live, дизайнер шрифтов открывает меню, перебирает шрифты и случайным образом выбирает Papyrus.

Главная проблема выбора шрифтов — одновременно слишком много и слишком мало вариантов.

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

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

Горький привкус меню выбора шрифтов

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

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

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

Систематический подход к поиску шрифтов

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

1. Классификация

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

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

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

2. Отобранные списки

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

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

3. Анатомия

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

Например, книга “The Anatomy of Type” Стивена Коулза. В ней собрана информация о 100 хорошо проработанных гарнитурах. Для описания качества шрифтов Стивен использует такие термины, как высота строчных литер (х-height, х-высота), ширина, вес, ball terminal, форма засечек и многие другие.

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике
“The Anatomy of Type“ — графическое руководство Стивена Коулза по 100 гарнитурам. Замечательная книга для изучения истории и особенностей дизайна популярных гарнитур.

Но здесь описаны лишь 100 шрифтов, а как быть с остальными? Что насчёт установленных на ваших компьютерах? А используемых в сети? Какие у них х-высоты, ширины, веса и контрасты? Как это можно узнать?

Внутри шрифтового файла: нехватка метаданных

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике
Скриншот панели с информацией о шрифте. Здесь указано название семейства, имя дизайнера, ссылка, версия, дата. Также можно посмотреть диапазон Unicode и Panose-данные. 10-значный код описывает многие характеристики, но информация не всегда доступна, так как ее вносит дизайнер или создатель файла. На правом скриншоте вы можете увидеть такие метрики, как верхние и нижние выносные элементы, х-высоту и угол наклона.

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике
Сравнение Panose-данных для шрифтов Roboto и Fira Sans, оба доступны на Google Fonts. Для Fira Sans указано много информации, а для Roboto — мало. Эти метаданные не получится использовать для сравнения шрифтов.

DIY: Анализируем шрифты с помощью opentype.js

Давайте проанализируем шрифтовые файлы и придумаем, как автоматически извлекать нужную информацию. Файлы имеют разные форматы, но почти всегда можно найти версии в TTF (TrueType Font).

В файлах формата OTF (OpenType) можно найти информацию о дополнительных свойствах, например, лигатурах. В файлах WOFF (Web Open Font Format) есть дополнительные метаданные, а шрифты хранятся в сжатом виде.

Благодаря opentype.js можно анализировать шрифтовые файлы прямо в браузере с помощью JavaScript. Opentype.js предоставляет доступ к векторной информации всех наборных знаков, входящих в файл, а также к основным метрикам и таблицам метаданных.

База данных характеристик шрифтов

Ниже мы рассмотрим, как можно измерить контраст, х-высоту, ширину и вес всех шрифтов из библиотеки Google Fonts. Те же методы можно применить и к другим шрифтовым библиотекам, например, Typekit или шрифтам на вашем компьютере.

Контраст

Контраст описывает соотношение тонких и толстых штрихов символа. Есть шрифты с низким контрастом, например, брусковые, или многие гротески, созданные для интерфейсов, например, Roboto или San Francisco. А есть шрифты с высоким контрастом, например, Bodoni или Didot. Для измерения контраста мы можем посмотреть на контуры буквы «о» и сравнить самое большое и самое маленькое расстояние между внутренним и внешним контуром.

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике
Контраст шрифта можно измерить в самой толстой и самой тонкой части буквы «о».

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

С помощью opentype.js удобно получить данные для отрисовки символов в виде SVG-элементов. Например, можно отдельно нарисовать внешний и внутренний контуры. Затем с помощью одного алгоритма можно пройти по каждому контуру, измеряя расстояние между ними. После этого вычисляем соотношение между самым длинным и самым коротким расстоянием, и вуаля — получили значение контраста, по которому можно сравнивать шрифты.

х-высота

х-высота — важная характеристика, которая может быть индикатором удобочитаемости и субъективно воспринимаемого размера шрифта. Обычно этот параметр измеряется как высота строчной буквы «х».

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике
х-высоту можно измерить с помощью информации, предоставленной opentype.js.

opentype.js для каждого символа предоставляет параметр yMax.

Помимо абсолютного измерения х-высоты может понадобиться сравнить х-высоту и с высотой выступающих надстрочных элементов. То есть получить значения вроде «х-высота составляет 60 % прописных букв».

Чтобы полученные значения можно было использовать для сравнения (в одних шрифтах используется 1000 юнитов на Em (типографская единица измерения), в других 2048), необходимо нормализовать их и сопоставить с диапазоном от 0 до 1.

Ширина / Пропорция

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

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

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

Для измерения веса можно вывести на HTML-странице строчную «о», залить её чёрным, а фон — белым. Затем вычислить отношение чёрных и белых пикселей. У рукописного или очень тонкого шрифта это значение будет совсем маленьким, а у тяжёлого, громоздкого шрифта отношение будет большим. Результаты вполне удовлетворительные, но их можно ещё больше улучшить, измеряя полную ширину символов.

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

Расстояние

Если у всех символов шрифта одинаковая ширина, такой шрифт называют моноширинным (monospaced). Важно отметить, что для определения ширины нам не обязательно смотреть на сами символы. Даже в моноширинном шрифте символ точки визуально занимает меньше места, чем «м». Поэтому нужно учитывать свойство advanceWidth, описывающее невидимые поля вокруг символа. Удивительно, но Google Fonts использует термин monospaced в качестве определения стиля, а не технического свойства. Шрифты вроде Lekton или Libre Barcode вообще не отнесены к моноширинным, хотя технически они ими являются.

Схожесть

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике
Парсер анализирует каждый шрифт, рисует невидимые SVG и фоновые элементы, проводит измерения и сохраняет данные в JSON-файл.

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

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

Что такое шрифт в информатике. Смотреть фото Что такое шрифт в информатике. Смотреть картинку Что такое шрифт в информатике. Картинка про Что такое шрифт в информатике. Фото Что такое шрифт в информатике

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

Открытия

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

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

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

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

«Форкнутые» шрифты
Есть шрифты, которые называются по-разному, но выглядят совершенно одинаково. Некоторые из них являются форками с расширенным набором символов для поддержки разных языков, например, Alegreya & Sahitya.

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

Итоги

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

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

Возможности

Что можно сделать с этим датасетом:

Дополнительные материалы

Panose Classification Metrics Guide
Руководство 1991 года, подробно описывающее, как измерять отдельные символы, чтобы получать подходящие для сравнения метрики. К сожалению, эти измерения надо делать вручную, что потребует много времени.

Taking The Robots To Design School, Part 1 by Jon Gold
В мае 2016 Джон Голд (Jon Gold) написал о своём подходе к анализу шрифтов. Он затронул такие темы, как дизайн на основе правил (rule based design), ИИ и соответствие датасетов инструментам дизайнеров.

Google Fonts Tools
Набор open source-инструментов для анализа шрифтов на сайте Google Fonts. Например, для определения угла наклона шрифта.

Font Bakery
Это набор Python-инструментов для проверки TrueType-файлов и файлов метаданных для шрифтов с Google Fonts.

Почему просто не использовать данные из сервисов веб-шрифтов?
Все подобные сервисы — например, Typekit, Google Fonts, Fontstand, Fontshop, MyFonts и так далее — имеют собственные наборы фильтров с разной степенью настройки. API этих сервисов по каждому шрифту предоставляют разный объём информации.

Например, для шрифта Roboto от веб API Google Fonts можно получить категорию «гротеск» и варианты шрифта. https://gist.github.com/getflourish/d79836b0bebb6b44f76389b623fd7dc1

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

Источник

Добавить комментарий

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