1. Producten
  2.   Font
  3.   JavaScript
  4.   Fontkit
 
  

Gratis JavaScript-bibliotheek om lettertypen te laden, optimaliseren en converteren

Open source JavaScript-lettertype-engine maakt het mogelijk om lettertypebewerkingen, tekstlay-out en rendering, glyph-padextractie, lettertype-subsetten en optimalisatie via de JavaScript-API af te handelen.

In de wereld van typografie kan het kiezen van het juiste lettertype een aanzienlijke impact hebben op de visuele aantrekkingskracht en de algehele gebruikerservaring van elk ontwerpproject. Om het beheer van lettertypen te stroomlijnen en creatieve mogelijkheden te vergroten, vertrouwen ontwikkelaars en ontwerpers grotendeels op robuuste bibliotheken en tools. Fontkit, een open source bibliotheek die zich heeft ontwikkeld tot een baanbrekende oplossing op dit gebied en een uitgebreid scala aan functies biedt, is populair geworden vanwege zijn uitgebreide mogelijkheden voor lettertypebeheer en de gemakkelijke integratie.

Fontkit biedt een krachtige open‑source API die softwareontwikkelaars en ontwerpers helpt met een uitgebreide set tools om lettertypen programmatisch te verwerken. Er zijn verschillende nuttige functies onderdeel van de API, zoals geavanceerde glyph‑substitutie, het extraheren van glyph‑paden, het lezen van glyph‑metriek, het rangschikken van glyphs, kleur‑emoji‑glyphs, font‑subsetting, kerning‑ondersteuning, het verkrijgen van glyph‑vectorpaden en deze omzetten naar SVG‑paden, het maken van een nieuw lettertype, ondersteuning voor karakter‑naar‑glyph‑mapping en nog veel meer.

Fontkit heeft ondersteuning toegevoegd voor verschillende populaire lettertype‑bestandsformaten, zoals TrueType (.ttf), OpenType (.otf), WOFF, WOFF2, TrueType Collection (.ttc) en Datafork TrueType (.dfont) bestanden. Het is ontworpen om naadloos te werken op verschillende platforms en omgevingen. Of je nu web-, desktop‑ of mobiele applicaties ontwikkelt, Fontkit levert consistente prestaties en compatibiliteit. De uitgebreide functionaliteiten, flexibiliteit en platformcompatibiliteit maken het een onmisbare tool voor typografie‑gerelateerde taken en een waardevol hulpmiddel voor softwareontwikkelaars, wat tijd, moeite en hoofdpijn bespaart.

Previous Next

Aan de slag met Fontkit

De aanbevolen manier om Fontkit te gebruiken is via npm. Gebruik alstublieft het volgende commando om de Fontkit-bibliotheek soepel aan uw project toe te voegen.

Installeer Fontkit via npm

 npm install fontkit

U kunt het ook handmatig installeren; download de nieuwste releasebestanden rechtstreeks van de GitHub repository.

Glyph-toegang en manipulatie

Door de gratis Fontkit API te gebruiken, kunnen softwareontwikkelaars individuele glyphs binnen een lettertype benaderen en manipulaties uitvoeren zoals schalen, roteren of zelfs combineren om aangepaste typografie-effecten te creëren. De API biedt waardevolle methoden om het totale aantal glyphs op te halen en gedetailleerde informatie over elke glyph te verkrijgen, inclusief het Unicode‑codepunt, de naam, de afmetingen van de omhullende rechthoek en meer. Deze functionaliteit is nuttig voor het onderzoeken van de tekenondersteuning van een lettertype en om te verzekeren dat het de benodigde tekens ondersteunt voor een bepaalde taal of schrijfsysteem.

Hoe toegang krijgen tot en glyph weergeven via de JavaScript API?

export default class GlyphPosition {
  constructor(xAdvance = 0, yAdvance = 0, xOffset = 0, yOffset = 0) {
    /**
     * The amount to move the virtual pen in the X direction after rendering this glyph.
     * @type {number}
     */
    this.xAdvance = xAdvance;

    /**
     * The amount to move the virtual pen in the Y direction after rendering this glyph.
     * @type {number}
     */
    this.yAdvance = yAdvance;

    /**
     * The offset from the pen position in the X direction at which to render this glyph.
     * @type {number}
     */
    this.xOffset = xOffset;

    /**
     * The offset from the pen position in the Y direction at which to render this glyph.
     * @type {number}
     */
    this.yOffset = yOffset;
  }
}

Tekstlay-out en weergave via JavaScript

De open source Fontkit API heeft volledige ondersteuning geboden voor geavanceerde tekstlay-out- en renderingsmogelijkheden binnen JavaScript-toepassingen. Softwareontwikkelaars kunnen de functies benutten om complexe tekstlay-outs, meertalige typografie en geavanceerde renderingsalgoritmen te verwerken, waardoor uitzonderlijke resultaten worden geleverd op verschillende platforms en apparaten. De API ondersteunt glyph shaping-mogelijkheden, kerning en letterspacing, tekstmeting, anti-aliasing en hinting, fontcaching en nog veel meer. De robuuste tekstlay-out- en renderingsmogelijkheden maken het een krachtig hulpmiddel voor ontwikkelaars die met typografie werken.

Beheer fontanalyse & metadata via JS API

De open source Fontkit-bibliotheek biedt krachtige mogelijkheden voor lettertype‑analyse, waardoor ontwikkelaars belangrijke informatie uit lettertypebestanden kunnen verkennen en extraheren. Het levert een uitgebreide set tools om lettertypen te analyseren, inclusief het ophalen van metadata zoals lettertypefamilie, gewicht, stijl en ondersteunde tekenreeksen. Deze informatie is van onschatbare waarde voor de keuze van lettertypen en beslissingen over tekstlay‑out. Het bevat ook validatiemechanismen om de integriteit en correctheid van lettertypebestanden te controleren. Het kan potentiële problemen detecteren en rapporteren, zoals ontbrekende of misvormde tabellen, incompatibele lettertypeformaten of lettertype‑specifieke fouten.

 Dutch