API JavaScript gratuit pentru încărcarea, parsarea și redarea fonturilor Google

Începeți cu Fontra

Modul recomandat de instalare a Fontra este prin utilizarea npm. Vă rugăm să folosiți comanda următoare pentru a adăuga dependența Maven în proiectul dumneavoastră.

npm install @fredli74/typr --save-dev

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

Încărcați și gestionați fonturi în Node.js

Încărcarea dinamică a fonturilor este una dintre funcționalitățile de bază ale Fontra. API-ul open source Fontra facilitează dezvoltatorilor de software încărcarea diferitelor tipuri de fonturi și efectuarea diferitelor operații în aplicațiile JavaScript. Mecanismul de încărcare a fonturilor al API-ului asigură o încărcare eficientă și optimizată, reducând riscul de erori legate de fonturi și îmbunătățind performanța generală. Fontra oferă instrumente robuste pentru gestionarea fonturilor, inclusiv metode pentru a verifica dacă un font este încărcat, a descărca fonturi și a lista toate fonturile încărcate. Iată un exemplu simplu care arată cum să încărcați fonturi în cadrul unei aplicații web.

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

Manipularea fonturilor și optimizarea performanței

Fontra permite dezvoltatorilor de software să încarce și să manipuleze fonturi prin ajustarea proprietăților acestora, cum ar fi greutatea, stilul și varianta. Această flexibilitate asigură că fonturile pot fi adaptate pentru a se potrivi cerințelor de design ale aplicației. Prin gestionarea fonturilor programatic, Fontra ajută la optimizarea performanței web. Dezvoltatorii pot încărca fonturi condiționat, în funcție de interacțiunile utilizatorului sau alte criterii, asigurând utilizarea eficientă a resurselor. Exemplul de mai jos arată cum dezvoltatorii de software pot încărca fonturi și aplica diferite tipuri de proprietăți în aplicațiile 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');
});

Descoperirea și căutarea fonturilor în aplicații web

API-ul open source Fontra oferă suport complet pentru căutarea fonturilor în aplicațiile JavaScript. API-ul este foarte ușor de utilizat și oferă capacitatea de a căuta fonturi pe baza diferitelor criterii, cum ar fi stilul, greutatea și clasificarea. Acest lucru este deosebit de util atunci când dezvoltatorii doresc să exploreze opțiunile de fonturi programatic sau să creeze un instrument de selecție a fonturilor în cadrul aplicației lor web. Fragmentul de mai jos demonstrează o căutare simplă a fonturilor cu numele de familie "Roboto". Obiectul returnat conține metadate, inclusiv stilurile, greutățile și URL-urile de descărcare disponibile.

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

Suport pentru accesul la metadatele fonturilor

API-ul Fontra permite dezvoltatorilor de software să acceseze metadate detaliate ale fonturilor, cum ar fi numele familiei, categoria, subseturile disponibile și altele, în propriile lor aplicații web. Această funcționalitate este crucială pentru dezvoltatorii care trebuie să ia decizii informate privind alegerea fonturilor pe baza caracteristicilor precum suportul lingvistic sau diversitatea stilurilor. Acest cod recuperează informații detaliate despre fontul 'Roboto', inclusiv variantele disponibile și subseturile suportate.

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