1. Prodotti
  2.   Font
  3.   Node.js
  4.   OpenType.js
 
  

Libreria JavaScript gratuita per l

Libreria JavaScript Open Source che consente di analizzare, leggere e scrivere font TrueType o OpenType. Supporta la gestione dei font, le metriche dei glifi e il layout del testo nelle app JS.

Nell'ambito dello sviluppo web software e della tipografia digitale, gestire i file di font e creare esperienze di rendering del testo senza interruzioni può essere un compito arduo. Tuttavia, lavorare con i font OpenType può risultare difficile, soprattutto quando si tratta di accedere alle loro funzionalità tipografiche avanzate. È qui che entra in gioco OpenType.js – una libreria open-source rivoluzionaria che semplifica l'uso dei font OpenType nel browser. Uno dei principali vantaggi di OpenType.js è la sua capacità di semplificare il processo di lavoro con i font OpenType. A differenza di altre librerie che richiedono una conoscenza approfondita della tecnologia dei font, OpenType.js fornisce un'API semplice che rende facile iniziare.

OpenType.js è una libreria JavaScript che fornisce un'API semplice e intuitiva per accedere alle funzionalità tipografiche avanzate dei font OpenType. Con OpenType.js, gli sviluppatori software possono accedere facilmente a funzionalità come legature, glifi alternativi, font variabili e così via, consentendo loro di creare progetti tipografici complessi e sofisticati. Oltre a analizzare e manipolare i font esistenti, opentype.js supporta anche la creazione di nuovi file di font da zero. Questa funzionalità è preziosa per gli sviluppatori che desiderano generare font personalizzati in modo programmatico. Essendo una libreria JavaScript, opentype.js può essere utilizzata sia in ambienti client-side che server-side, rendendola una scelta flessibile per vari progetti. In sintesi, è una libreria potente e versatile che offre un modo semplice e intuitivo per lavorare con i font OpenType nel browser.

Previous Next

Iniziare con Opentype.js

Il modo consigliato per installare OpenType.js è utilizzare NPM. Si prega di usare il comando seguente per un'installazione senza problemi.

Installa Opentype.js usando npm

 npm install opentype.js

È possibile installarlo anche manualmente; scarica i file dell'ultima release direttamente dal repository GitHub.

Analisi dei Font nelle Applicazioni Node.js

Una delle funzionalità principali di OpenType.js è la sua capacità di analizzare file di font OpenType e TrueType con sole poche righe di codice JavaScript. Questo consente agli sviluppatori di software di leggere e comprendere la struttura di un font, inclusi i suoi glifi, le informazioni di kerning e altri dati essenziali. Nell'esempio seguente, il font Roboto Regular viene caricato da un file TTF. La libreria analizza il font, rendendo i suoi dati disponibili per ulteriori manipolazioni.

Come Caricare e Analizzare un Font da un File TTF in Node.js??

const opentype = require('opentype.js');

// Load a font from a file
opentype.load('fonts/Roboto-Regular.ttf', function(err, font) {
    if (err) {
        console.error('Font could not be loaded:', err);
    } else {
        console.log('Font loaded successfully:', font);
        console.log('Number of glyphs:', font.numGlyphs);
    }
});

Accedi e Modifica i Glifi del Font in Node.js

La libreria open source per Node.js OpenType.js consente agli sviluppatori di software di accedere e manipolare i singoli glifi all'interno di un font nelle applicazioni Node.js. I glifi sono le rappresentazioni visive dei caratteri in un font. Con questa funzionalità, è possibile estrarre i percorsi dei glifi, modificarli o persino crearne di nuovi. Ecco un frammento di codice che carica un font, recupera il glifo per il carattere "A" e poi scala il glifo di 1,5 volte la sua dimensione originale. Il metodo toPathData() converte il percorso del glifo in dati di percorso SVG, che possono essere usati per il rendering o ulteriori manipolazioni.

Come Caricare un Font e Modificare i Glifi nelle Applicazioni Node.js?

const opentype = require('opentype.js');

// Load a font and modify a glyph
opentype.load('fonts/Roboto-Regular.ttf', function(err, font) {
    if (err) {
        console.error('Font could not be loaded:', err);
    } else {
        const glyph = font.charToGlyph('A');
        console.log('Original Glyph Path:', glyph.path.toPathData());

        // Modify the glyph path (e.g., scale it)
        glyph.path.scale(1.5);
        console.log('Scaled Glyph Path:', glyph.path.toPathData());
    }
});

Lavorare con le Tabelle dei Font tramite la Libreria Node.js

OpenType.js offre agli sviluppatori l'accesso alle tabelle dei caratteri sottostanti, che memorizzano informazioni dettagliate sul design e le metriche del carattere. Questo può essere particolarmente utile per manipolazioni o analisi avanzate dei caratteri. Il frammento di codice nell'esempio seguente dimostra come accedere a tabelle specifiche dei caratteri, come la tabella head (che contiene le informazioni dell'intestazione del carattere) e la tabella hhea (che contiene le metriche dell'intestazione orizzontale). Queste tabelle forniscono dettagli essenziali che possono essere usati per un controllo preciso del rendering e del layout dei caratteri.

Come accedere a tabelle di font specifiche e al font al loro interno usando la libreria Node.js?

const opentype = require('opentype.js');

opentype.load('path/to/font.ttf', function(err, font) {
  if (err) {
    console.error('Font could not be loaded: ' + err);
  } else {
    // Access the 'head' table (font header)
    const headTable = font.tables.head;
    console.log('Units per Em: ' + headTable.unitsPerEm);

    // Access the 'hhea' table (horizontal header)
    const hheaTable = font.tables.hhea;
    console.log('Ascender: ' + hheaTable.ascender);
    console.log('Descender: ' + hheaTable.descender);
  }
});
 Italiano