Zdarma JavaScript API pro načítání, parsování a vykreslování Google Fonts

Začínáme s Fontra

Doporučený způsob instalace Fontra je pomocí npm. Použijte prosím následující příkaz pro přidání Maven závislosti do vašeho projektu.

npm install @fredli74/typr --save-dev

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

Načíst a spravovat fonty v Node.js

Načítání fontů dynamicky je jednou ze základních funkcí Fontra. Open source API Fontra usnadňuje vývojářům softwaru načítat různé typy fontů a provádět různé operace v JavaScriptových aplikacích. Mechanismus načítání fontů v API zajišťuje efektivní a optimalizované načítání fontů, snižuje riziko chyb souvisejících s fonty a zlepšuje celkový výkon. Fontra poskytuje robustní nástroje pro správu fontů, včetně metod pro kontrolu, zda je font načten, odnačtení fontů a výpis všech načtených fontů. Zde je jednoduchý příklad, který ukazuje, jak načíst fonty ve webové aplikaci.

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);
});

Manipulace s fonty a optimalizace výkonu

Fontra umožňuje vývojářům softwaru načítat a manipulovat s fonty úpravou jejich vlastností, jako je tloušťka, styl a varianta. Tato flexibilita zajišťuje, že fonty lze přizpůsobit požadavkům designu aplikace. Programovým řízením fontů Fontra pomáhá optimalizovat výkon webu. Vývojáři mohou načítat fonty podmíněně na základě uživatelských interakcí nebo jiných kritérií, což zajišťuje efektivní využití zdrojů. Následující příklad ukazuje, jak mohou vývojáři softwaru načíst fonty a aplikovat různé typy vlastností v JS aplikacích.

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');
});

Objevování fontů a vyhledávání ve webových aplikacích

Otevřená API Fontra poskytuje kompletní podporu pro vyhledávání fontů v JavaScriptových aplikacích. API je velmi snadno použitelné a umožňuje vyhledávat fonty podle různých kritérií, jako je styl, tloušťka a klasifikace. To je zvláště užitečné, když vývojáři chtějí programově prozkoumat možnosti fontů nebo vytvořit nástroj pro výběr fontů ve své webové aplikaci. Níže uvedený úryvek demonstruje jednoduché vyhledávání fontů s názvem rodiny 'Roboto'. Vrácený objekt obsahuje metadata, včetně dostupných stylů, tlouštěk a URL pro stažení.

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

Podpora přístupu k metadatům fontů

API Fontra umožňuje vývojářům softwaru přístup k podrobným metadatům písem, jako je název rodiny, kategorie, dostupné podmnožiny a další, přímo v jejich webových aplikacích. Tato funkce je zásadní pro vývojáře, kteří potřebují činit informovaná rozhodnutí o výběru písem na základě charakteristik, jako je podpora jazyků nebo rozmanitost stylů. Tento kód získává podrobné informace o písmu 'Roboto', včetně jeho dostupných variant a podporovaných podmnožin.

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