Безплатен 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. Отвореният източник Fontra API улеснява софтуерните разработчици да зареждат различни типове шрифтове и да извършват различни операции в 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');
});

Откриване и търсене на шрифтове в уеб приложения

Отвореният код на Fontra API предоставя пълна поддръжка за търсене на шрифтове в JavaScript приложения. API‑то е много лесно за използване и предоставя възможност за търсене на шрифтове въз основа на различни критерии като стил, тегло и класификация. Това е особено полезно, когато разработчиците искат да изследват шрифтови опции програмно или да създадат инструмент за избор на шрифтове в уеб приложението си. По-долу е показан фрагмент, демонстриращ просто търсене на шрифтове с име на семейство „Roboto“. Върнатият обект съдържа метаданни, включително налични стилове, тегла и URL адреси за изтегляне.

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

Поддръжка за достъп до метаданни на шрифтове

API‑т Fontra позволява на софтуерните разработчици да получават подробни метаданни за шрифтове, като име на семейство, категория, налични подмножества и др. в техните уеб приложения. Тази функция е от съществено значение за разработчиците, които трябва да вземат информирани решения относно избора на шрифтове въз основа на характеристики като поддръжка на езици или разнообразие на стилове. Този код извлича подробна информация за шрифта „Roboto“, включително наличните му варианти и поддържани подмножества.

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