API JavaScript gratuita per Caricare, Analizzare e Renderizzare i Google Font

Iniziare con Fontra

Il modo consigliato per installare Fontra è utilizzare npm. Per favore usa il comando seguente per aggiungere la dipendenza Maven nel tuo progetto.

npm install @fredli74/typr --save-dev

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

Carica e gestisci i font in Node.js

Caricare i font in modo dinamico è una delle funzionalità principali di Fontra. L'API open source di Fontra semplifica per gli sviluppatori software il caricamento di vari tipi di font e l'esecuzione di diverse operazioni all'interno delle applicazioni JavaScript. Il meccanismo di caricamento dei font dell'API garantisce un caricamento efficiente e ottimizzato, riducendo il rischio di errori legati ai font e migliorando le prestazioni complessive. Fontra fornisce strumenti robusti per la gestione dei font, inclusi metodi per verificare se un font è caricato, scaricare i font e elencare tutti i font caricati. Ecco un semplice esempio che mostra come caricare i font all'interno di un'applicazione 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);
});

Manipolazione dei font e ottimizzazione delle prestazioni

Fontra consente agli sviluppatori software di caricare e manipolare i font regolando le loro proprietà come peso, stile e variante. Questa flessibilità garantisce che i font possano essere adattati per soddisfare i requisiti di design dell'applicazione. Gestendo i font in modo programmatico, Fontra aiuta a ottimizzare le prestazioni web. Gli sviluppatori possono caricare i font in modo condizionale in base alle interazioni dell'utente o ad altri criteri, assicurando che le risorse vengano utilizzate in modo efficiente. L'esempio seguente mostra come gli sviluppatori software possano caricare i font e applicare vari tipi di proprietà all'interno delle app 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');
});

Scoperta e ricerca dei font nelle app web

L'API open source di Fontra offre un supporto completo per la ricerca di font all'interno delle applicazioni JavaScript. L'API è molto facile da usare e fornisce la capacità di cercare font in base a vari criteri come stile, peso e classificazione. Questo è particolarmente utile quando gli sviluppatori desiderano esplorare le opzioni di font in modo programmatico o creare uno strumento di selezione dei font all'interno della loro applicazione web. Il frammento qui sotto dimostra una ricerca semplice di font con il nome famiglia 'Roboto'. L'oggetto restituito contiene metadati, inclusi stili disponibili, pesi e URL di download.

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

Supporto all'accesso ai metadati dei font

L'API Fontra consente agli sviluppatori software di accedere a metadati dettagliati dei font, come nome della famiglia, categoria, sottoinsiemi disponibili e altro all'interno delle proprie applicazioni web. Questa funzionalità è fondamentale per gli sviluppatori che devono prendere decisioni informate sulla scelta dei font in base a caratteristiche come il supporto linguistico o la diversità di stile. Questo codice recupera informazioni dettagliate sul font 'Roboto', inclusi i suoi varianti disponibili e i sottoinsiemi supportati.

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