1. Товары
  2.   Font
  3.   JavaScript
  4.   Fontkit
 
  

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

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

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

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

Fontkit включает поддержку различных популярных форматов файлов шрифтов, таких как TrueType (.ttf), OpenType (.otf), WOFF, WOFF2, коллекция TrueType (.ttc) и Datafork TrueType (.dfont). Он разработан для бесшовной работы на разных платформах и в разных средах. Независимо от того, разрабатываете ли вы веб‑, настольные или мобильные приложения, Fontkit обеспечивает стабильную производительность и совместимость. Его обширные возможности, гибкость и кроссплатформенная совместимость делают его незаменимым инструментом для задач, связанных с типографикой, и ценным помощником для разработчиков программного обеспечения, экономящим время, усилия и избавляющим от проблем.

Previous Next

Начало работы с Fontkit

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

Установите Fontkit через npm

 npm install fontkit

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

Доступ к глифам и их манипуляция

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

Как получить доступ к глифу и отобразить его с помощью JavaScript API?

export default class GlyphPosition {
  constructor(xAdvance = 0, yAdvance = 0, xOffset = 0, yOffset = 0) {
    /**
     * The amount to move the virtual pen in the X direction after rendering this glyph.
     * @type {number}
     */
    this.xAdvance = xAdvance;

    /**
     * The amount to move the virtual pen in the Y direction after rendering this glyph.
     * @type {number}
     */
    this.yAdvance = yAdvance;

    /**
     * The offset from the pen position in the X direction at which to render this glyph.
     * @type {number}
     */
    this.xOffset = xOffset;

    /**
     * The offset from the pen position in the Y direction at which to render this glyph.
     * @type {number}
     */
    this.yOffset = yOffset;
  }
}

Вёрстка текста и рендеринг с помощью JavaScript

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

Управление анализом шрифтов и метаданными через JS API

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

 Русский