Безкоштовний JavaScript API для завантаження, парсингу та рендерингу Google шрифтів

Початок роботи з Fontra

Рекомендований спосіб встановлення Fontra — використання npm. Будь ласка, скористайтеся наступною командою, щоб додати залежність maven у ваш проект.

npm install @fredli74/typr --save-dev

pip install --upgrade pip
pip install -r requirements.txt
pip install -e 

Завантаження та керування шрифтами в Node.js

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

import { loadFont } from 'fontra';

loadFont('Roboto').then(() => {
    console.log('Roboto font has been loaded successfully');
}).catch(error => {
    console.error('Failed to load Roboto font', error);
});

Маніпулювання шрифтами та оптимізація продуктивності

Fontra дозволяє розробникам програмного забезпечення завантажувати та маніпулювати шрифтами, змінюючи їхні властивості, такі як вага, стиль і варіант. Така гнучкість забезпечує можливість налаштування шрифтів відповідно до вимог дизайну застосунку. Керуючи шрифтами програмно, Fontra допомагає оптимізувати продуктивність веб‑сторінок. Розробники можуть завантажувати шрифти умовно, залежно від взаємодії користувачів або інших критеріїв, забезпечуючи ефективне використання ресурсів. Нижче наведено приклад, як розробники можуть завантажувати шрифти та застосовувати різні типи властивостей у JS‑додатках.

import { loadFont, applyFontProperties } from 'fontra';

// Load a font and apply properties
loadFont('Open Sans').then(() => {
    applyFontProperties('Open Sans', {
        weight: 700,
        style: 'italic'
    });
    console.log('Open Sans with properties has been applied');
});

Виявлення шрифтів та пошук у веб-додатках

Відкритий API Fontra забезпечує повну підтримку пошуку шрифтів у JavaScript‑застосунках. API дуже простий у використанні та надає можливість шукати шрифти за різними критеріями, такими як стиль, вага та класифікація. Це особливо корисно, коли розробники хочуть програмно досліджувати варіанти шрифтів або створювати інструмент вибору шрифтів у своєму веб‑застосунку. Нижче наведений фрагмент коду демонструє простий пошук шрифтів за сімейним ім'ям 'Roboto'. Повернутий об’єкт містить метадані, включаючи доступні стилі, ваги та URL‑адреси для завантаження.

const fonts = fontra.searchFonts({ family: 'Roboto' });
console.log(fonts);

Підтримка доступу до метаданих шрифтів

API Fontra дозволяє розробникам програмного забезпечення отримувати детальні метадані шрифтів, такі як назва сімейства, категорія, доступні підмножини та інше у їхніх власних веб-додатках. Ця функція є важливою для розробників, які повинні приймати обґрунтовані рішення щодо вибору шрифтів на основі характеристик, таких як підтримка мов або різноманітність стилів. Цей код отримує детальну інформацію про шрифт 'Roboto', включаючи його доступні варіанти та підтримувані підмножини.

const fontDetails = fontra.getFont('Roboto');
console.log(fontDetails);