Gratis JavaScript API om Google Lettertypen te Laden, Parsen & Renderen

Aan de slag met Fontra

De aanbevolen manier om Fontra te installeren is via npm. Gebruik alstublieft het volgende commando om de Maven‑dependency aan uw project toe te voegen.

npm install @fredli74/typr --save-dev

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

Lettertypen laden & beheren in Node.js

Lettertypen dynamisch laden is een van de kernfunctionaliteiten van Fontra. De open‑source Fontra API maakt het voor softwareontwikkelaars eenvoudig om verschillende soorten lettertypen te laden en diverse bewerkingen uit te voeren binnen JavaScript‑toepassingen. Het lettertype‑laadmechanisme van de API zorgt voor efficiënt en geoptimaliseerd laden van lettertypen, waardoor het risico op lettertype‑gerelateerde fouten wordt verminderd en de algehele prestaties verbeteren. Fontra biedt robuuste hulpmiddelen voor het beheren van lettertypen, waaronder methoden om te controleren of een lettertype is geladen, lettertypen te ontladen en alle geladen lettertypen weer te geven. Hier is een eenvoudig voorbeeld dat laat zien hoe u lettertypen kunt laden in een webapplicatie.

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

Lettertypebewerking & prestatieoptimalisatie

Fontra stelt softwareontwikkelaars in staat om lettertypen te laden en te manipuleren door hun eigenschappen zoals gewicht, stijl en variant aan te passen. Deze flexibiliteit zorgt ervoor dat lettertypen kunnen worden afgestemd op de ontwerpvereisten van de applicatie. Door lettertypen programmatisch te beheren, helpt Fontra de webprestaties te optimaliseren. Ontwikkelaars kunnen lettertypen conditioneel laden op basis van gebruikersinteracties of andere criteria, zodat bronnen efficiënt worden gebruikt. Het volgende voorbeeld laat zien hoe softwareontwikkelaars lettertypen kunnen laden en verschillende soorten eigenschappen kunnen toepassen in JS-apps.

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

Lettertypeontdekking en zoeken in webapps

De open source Fontra API biedt volledige ondersteuning voor het zoeken naar lettertypen binnen JavaScript-toepassingen. De API is zeer eenvoudig in gebruik en biedt de mogelijkheid om lettertypen te zoeken op basis van verschillende criteria zoals stijl, gewicht en classificatie. Dit is bijzonder nuttig wanneer ontwikkelaars programmatically lettertype-opties willen verkennen of een lettertype-selectietool binnen hun webapplicatie willen bouwen. Het onderstaande fragment toont een eenvoudige zoekopdracht naar lettertypen met de familienaam 'Roboto'. Het geretourneerde object bevat metadata, inclusief beschikbare stijlen, gewichten en download-URL's.

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

Ondersteuning voor toegang tot lettertype-metadata

De Fontra API stelt softwareontwikkelaars in staat om gedetailleerde lettertype‑metadata te benaderen, zoals familienaam, categorie, beschikbare subsets en meer binnen hun eigen webapplicaties. Deze functie is cruciaal voor ontwikkelaars die weloverwogen beslissingen moeten nemen over lettertypekeuzes op basis van kenmerken zoals taalondersteuning of stijldiversiteit. Deze code haalt gedetailleerde informatie op over het 'Roboto'-lettertype, inclusief de beschikbare varianten en ondersteunde subsets.

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