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 пропонує потужні можливості аналізу шрифтів, дозволяючи розробникам досліджувати та витягувати важливу інформацію з файлів шрифтів. Вона надає всебічний набір інструментів для аналізу шрифтів, включаючи отримання метаданих, таких як сімейство шрифту, вага, стиль та підтримувані набори символів. Ця інформація є неоціненною при виборі шрифтів та прийнятті рішень щодо розташування тексту. Вона також включає механізми валідації для перевірки цілісності та правильності файлів шрифтів. Вона може виявляти та повідомляти про потенційні проблеми, такі як відсутні або пошкоджені таблиці, несумісні формати шрифтів або специфічні помилки шрифтів.

 Українська