Gratis JavaScript API til at indlæse, parse og renderere Google-skrifttyper

Kom i gang med Fontra

Den anbefalede måde at installere Fontra på er ved at bruge npm. Brug venligst følgende kommando for at tilføje Maven-afhængigheden i dit projekt.

npm install @fredli74/typr --save-dev

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

Indlæs og administrer skrifttyper i Node.js

Indlæsning af skrifttyper dynamisk er en af Fontras kernefunktioner. Det open source Fontra API gør det nemt for softwareudviklere at indlæse forskellige typer skrifttyper og udføre forskellige operationer i JavaScript-applikationer. API'ets mekanisme for skrifttypeindlæsning sikrer effektiv og optimeret indlæsning af skrifttyper, hvilket reducerer risikoen for skrifttype‑relaterede fejl og forbedrer den samlede ydeevne. Fontra leverer robuste værktøjer til håndtering af skrifttyper, herunder metoder til at kontrollere, om en skrifttype er indlæst, afindlæse skrifttyper og liste alle indlæste skrifttyper. Her er et enkelt eksempel, der viser, hvordan man indlæser skrifttyper i en webapplikation.

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

Skrifttype-manipulation og ydeevneoptimering

Fontra giver softwareudviklere mulighed for at indlæse og manipulere skrifttyper ved at justere deres egenskaber såsom vægt, stil og variant. Denne fleksibilitet sikrer, at skrifttyper kan tilpasses designkravene i applikationen. Ved at håndtere skrifttyper programmatisk hjælper Fontra med at optimere webydelsen. Udviklere kan indlæse skrifttyper betinget baseret på brugerinteraktioner eller andre kriterier, hvilket sikrer, at ressourcerne bruges effektivt. Det følgende eksempel viser, hvordan softwareudviklere kan indlæse skrifttyper og anvende forskellige typer af egenskaber i 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');
});

Opdagelse og søgning af skrifttyper i webapps

Den open source Fontra API giver fuld support til at søge efter skrifttyper i JavaScript‑applikationer. API'et er meget nemt at håndtere og giver mulighed for at søge efter skrifttyper baseret på forskellige kriterier såsom stil, vægt og klassifikation. Dette er især nyttigt, når udviklere ønsker at udforske skrifttype‑muligheder programmatisk eller bygge et skrifttype‑valg værktøj i deres webapplikation. Koden nedenfor demonstrerer en simpel søgning efter skrifttyper med familienavnet 'Roboto'. Det returnerede objekt indeholder metadata, herunder tilgængelige stilarter, vægte og download‑URL'er.

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

Understøttelse af adgang til skrifttype-metadata

Fontra API giver softwareudviklere adgang til detaljeret skrifttype-metadata, såsom familienavn, kategori, tilgængelige delmængder og mere i deres egne webapplikationer. Denne funktion er afgørende for udviklere, der har brug for at træffe informerede beslutninger om skrifttypevalg baseret på egenskaber som sprogunderstøttelse eller stilvariation. Denne kode henter detaljerede oplysninger om 'Roboto'-skriften, inklusive dens tilgængelige varianter og understøttede delmængder.

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