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

Gratis JavaScript-bibliotek for parsing og skriving av fonter

Åpen kildekode JavaScript-bibliotek som gjør det mulig å parse, lese og skrive TrueType- eller OpenType-fonter. Det støtter fontbehandling, glyph-målinger og tekstlayout i JS‑apper.

Innen programvarewebutvikling og digital typografi kan håndtering av fontfiler og å skape sømløse tekstgjengivelsesopplevelser være en utfordrende oppgave. Å jobbe med OpenType-fonter kan imidlertid være en krevende oppgave, spesielt når det gjelder å få tilgang til deres avanserte typografiske funksjoner. Det er her OpenType.js kommer inn – et revolusjonerende åpen kildekode-bibliotek som gjør det enkelt å arbeide med OpenType-fonter i nettleseren. En av de viktigste fordelene med OpenType.js er evnen til å forenkle prosessen med å jobbe med OpenType-fonter. I motsetning til andre biblioteker som krever omfattende kunnskap om fontteknologi, gir OpenType.js et rettfram API som gjør det lett å komme i gang.

OpenType.js er et JavaScript-bibliotek som gir et enkelt og intuitivt API for å få tilgang til de avanserte typografiske funksjonene i OpenType-skrifttyper. Med OpenType.js kan programvareutviklere enkelt få tilgang til funksjoner som ligaturer, alternative glyphs, variable fonter, og så videre, noe som gjør dem i stand til å lage komplekse og sofistikerte typografidesign. I tillegg til å analysere og manipulere eksisterende skrifttyper, støtter opentype.js også å lage nye fontfiler fra bunnen av. Denne funksjonen er verdifull for utviklere som ønsker å generere tilpassede fonter programmatisk. Som et JavaScript-bibliotek kan opentype.js brukes både på klient- og serversiden, noe som gjør det til et fleksibelt valg for ulike prosjekter. Alt i alt er det et kraftig og allsidig bibliotek som gir en enkel og intuitiv måte å arbeide med OpenType-skrifttyper i nettleseren.

Previous Next

Kom i gang med Opentype.js

Den anbefalte måten å installere OpenType.js på er å bruke NPM. Vennligst bruk følgende kommando for en smidig installasjon.

Installer Opentype.js med npm

 npm install opentype.js

Du kan også installere det manuelt; last ned de nyeste utgivelsesfilene direkte fra GitHub-depotet.

Fontparsing i Node.js‑apper

En av kjernefunksjonene i OpenType.js er evnen til å analysere OpenType- og TrueType-skriftfiler med bare noen få linjer JavaScript‑kode. Dette gjør det mulig for programvareutviklere å lese og forstå strukturen til en skrifttype, inkludert dens glyfer, kerninginformasjon og andre essensielle data. I det følgende eksemplet blir Roboto Regular‑skriften lastet fra en TTF‑fil. Biblioteket analyserer skrifttypen og gjør dataene tilgjengelige for videre manipulering.

Hvordan laste inn og parse en font fra en TTF‑fil i 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);
    }
});

Få tilgang til og manipulere fontens glyf i Node.js

Det åpne kildekode‑biblioteket for Node.js, OpenType.js, gjør det mulig for programvareutviklere å få tilgang til og manipulere individuelle glyfer i en skrifttype innen Node.js‑applikasjoner. Glyfer er de visuelle representasjonene av tegn i en skrifttype. Med denne funksjonen kan du hente ut glyfbaner, endre dem, eller til og med lage nye glyfer. Her er et kodeeksempel som laster en skrifttype, henter glyfen for tegnet \"A\", og deretter skalerer glyfen med 1,5 ganger sin opprinnelige størrelse. Metoden toPathData() konverterer glyfens bane til SVG‑banedata, som kan brukes til rendering eller videre manipulering.

Hvordan laste inn en font og endre glyf i Node.js‑apper?

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

Arbeide med fonttabeller via Node.js‑biblioteket

OpenType.js gir utviklere tilgang til de underliggende fonttabellene, som lagrer detaljert informasjon om fontens design og målinger. Dette kan være spesielt nyttig for avanserte fontmanipuleringer eller analyser. Kodesnutten i det følgende eksemplet demonstrerer hvordan man får tilgang til spesifikke fonttabeller, som head-tabellen (som inneholder fontens header-informasjon) og hhea-tabellen (som inneholder horisontale header-målinger). Disse tabellene gir essensielle detaljer som kan brukes for presis kontroll over fontgjengivelse og layout.

Hvordan få tilgang til spesifikke fonttabeller og fonten i dem ved hjelp av Node.js-biblioteket?

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