FT Font Tools

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

Откройте шрифт TTF, OTF, WOFF или WOFF2, чтобы просмотреть все глифы в сетке, прочитать названия, метрики и данные о лицензии, изучить отдельные глифы и посмотреть текст — конфиденциально в вашем браузере.

🔒 Работает полностью в вашем браузере — ничего не загружается

Drop a font here or click to browse

TTF, OTF, WOFF or WOFF2. The font is read on your device.

Advertisement

Посмотрите на каждый символ внутри шрифта

Файл шрифта — это небольшая база данных глифов, метрик и названий. Этот просмотрщик глифов открывает такую базу данных в вашем браузере и показывает всё с первого взгляда. Панель метаданных содержит названия семейства и стиля, полное название, строку версии, дизайнера, производителя, текст лицензии и её URL, количество глифов, сетку units per em, значения ascender и descender, а также информацию о том, являются ли контуры TrueType или CFF (PostScript). Это быстрый способ выяснить, какое начертание на самом деле содержит файл, или проверить, охватывает ли шрифт из старого проекта нужные вам языки.

Под метаданными постраничная сетка показывает по 60 глифов за раз, каждый с подписью — кодовой точкой Unicode или, для незакодированных альтернатив, индексом глифа. Щёлкните глиф или перемещайтесь по сетке клавишами со стрелками, чтобы открыть его в детальном просмотре: там контур рисуется с направляющими базовой линии, ascender, descender и ширины продвижения, а также приводятся его название, кодовые точки, левый боковой отступ и ограничивающая рамка. Поле поиска сразу переходит к символу, кодовой точке вроде U+00E9 или индексу глифа наподобие #42.

Проверьте покрытие и протестируйте реальный текст

Прежде чем выбрать гарнитуру для многоязычного сайта или приложения, убедитесь, что она содержит все нужные буквы. Поищите специальные символы каждого языка — например ł, ő, ș или ї, — и просмотрщик сразу покажет, есть ли они. Поле предпросмотра отображает ваше собственное предложение с кернингом шрифта в любом размере от 12 до 160 пикселей, так что вы можете оценить интервалы и ритм ещё до установки шрифта.

Весь разбор выполняет opentype.js, а файлы WOFF2 распаковываются декодером на WebAssembly, поэтому шрифт никогда не покидает ваш компьютер. Файл нигде не сохраняется, поэтому после закрытия вкладки от него не остаётся никаких следов. Это делает инструмент безопасным для коммерческих и ещё не выпущенных шрифтов. Помните, что просматривать шрифт можно всегда, но для использования его в проекте нужна лицензия, покрывающая такое использование, — поле лицензии в метаданных станет хорошей отправной точкой.

Как использовать

  1. Откройте шрифтПеретащите файл TTF, OTF, WOFF или WOFF2 в поле или щёлкните по нему, чтобы выбрать файл на своём устройстве.
  2. Прочитайте метаданныеПосмотрите названия семейства и стиля, версию, дизайнера, лицензию, units per em, вертикальные метрики и количество глифов.
  3. Просмотрите глифыЛистайте страницы сетки, щёлкните любой глиф или используйте клавиши со стрелками либо ищите символ, кодовую точку или индекс глифа.
  4. Посмотрите свой текстВведите пример предложения и измените размер, чтобы увидеть, как шрифт набирает настоящие слова — с кернингом или без него.

Часто задаваемые вопросы

Почему у некоторых глифов нет значения Unicode?
Шрифты часто содержат глифы, не привязанные напрямую к символу, например лигатуры, капитель или стилистические альтернативы. К ним обращаются через возможности OpenType, поэтому в сетке они обозначены индексом глифа (#123), а не кодовой точкой.
Что такое units per em, ascender и descender?
Контуры глифов рисуются на сетке из units per em единиц — обычно 1000 для шрифтов CFF и 2048 для TrueType. Ascender и descender — это высоты над и под базовой линией, которые шрифт резервирует для своих букв; они влияют на межстрочный интервал.
Загружается ли шрифт для проверки?
Нет. Шрифт разбирается библиотекой opentype.js прямо в вашем браузере. Ничего не отправляется на сервер и ничего не сохраняется после закрытия страницы.
Можно ли открывать файлы WOFF2?
Да. Файлы WOFF2 сначала распаковываются декодером WOFF2 от Google, скомпилированным в WebAssembly, а затем разбираются как обычный шрифт TTF или OTF.
Advertisement