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

Gratis JavaScript-bibliotek för att ladda, optimera och konvertera teckensnitt

Öppen källkod JavaScript-teckensnittsmotor som möjliggör hantering av teckensnitt, textlayout och rendering, extrahering av glyfvägar, teckensnittssubsetting och optimering via JavaScript‑API.

I typografins värld kan valet av rätt teckensnitt ha en betydande inverkan på den visuella attraktiviteten och den övergripande användarupplevelsen i alla designprojekt. För att förenkla hanteringen av teckensnitt och öka de kreativa möjligheterna förlitar sig utvecklare och formgivare i stor utsträckning på robusta bibliotek och verktyg. Fontkit, ett open source‑bibliotek som har blivit en spelväxlare inom området och erbjuder ett omfattande utbud av funktioner, har också blivit populärt för sina omfattande möjligheter att hantera teckensnitt och sin enkla integration.

Fontkit tillhandahåller ett kraftfullt open source‑API som hjälper mjukvaruutvecklare och designers med en omfattande uppsättning verktyg för att hantera typsnitt programatiskt. Det finns flera användbara funktioner i API:et, såsom avancerad glyfsubstitution, extrahering av glyfvägar, läsning av glyfmetrik, layout av glyfer, färg‑emoji‑glyfer, typsnittssubsetting, stöd för kerning, hämtning av glyfvektorvägar och konvertering till SVG‑vägar, skapande av ett nytt typsnitt, stöd för tecken‑till‑glyf‑mappning och mycket mer.

Fontkit har inkluderat stöd för olika populära typsnittsfilformat såsom TrueType (.ttf), OpenType (.otf), WOFF, WOFF2, TrueType Collection (.ttc) och Datafork TrueType (.dfont). Det är utformat för att fungera sömlöst över olika plattformar och miljöer. Oavsett om du utvecklar webb-, desktop- eller mobilapplikationer, erbjuder Fontkit konsekvent prestanda och kompatibilitet. Dess omfattande funktioner, flexibilitet och plattforms­kompatibilitet gör det till ett oumbärligt verktyg för typografirelaterade uppgifter och ett ovärderligt verktyg för mjukvaruutvecklare som sparar tid, ansträngning och huvudvärk.

Previous Next

Komma igång med Fontkit

Det rekommenderade sättet att använda Fontkit är via npm. Använd följande kommando för att smidigt lägga till Fontkit-biblioteket i ditt projekt.

Installera Fontkit via npm

 npm install fontkit

Du kan också installera det manuellt; ladda ner de senaste release-filerna direkt från GitHub-arkivet.

Åtkomst till och manipulering av glyfer

Genom att använda det kostnadsfria Fontkit API:et kan mjukvaruutvecklare få åtkomst till enskilda glyfer i ett teckensnitt och utföra manipulationer såsom skalning, rotation eller till och med kombination för att skapa anpassade typografiska effekter. API:et har tillhandahållit värdefulla metoder för att hämta det totala antalet glyfer och erhålla detaljerad information om varje glyf, inklusive dess Unicode‑kodpunkt, namn, begränsningsboxens dimensioner och mer. Denna funktionalitet är användbar för att undersöka teckensnittets teckentäckning och säkerställa att det stödjer de nödvändiga tecknen för ett givet språk eller skriftsystem.

Hur man får åtkomst till och renderar glyf via 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;
  }
}

Textlayout och rendering via JavaScript

Den öppna källkods-Fontkit-API:n har tillhandahållit fullständigt stöd för avancerade textlayout- och renderingsfunktioner i JavaScript-applikationer. Mjukvaruutvecklare kan utnyttja dess funktioner för att hantera komplexa textlayouter, flerspråkig typografi och sofistikerade renderingsalgoritmer, vilket levererar exceptionella resultat över plattformar och enheter. API:n stöder glyfformningsfunktioner, kerning och teckenavstånd, textmätning, kantutjämning och hintning, teckensnittscachning och mycket mer. Dess robusta textlayout- och renderingskapacitet gör det till ett kraftfullt verktyg för utvecklare som arbetar med typografi.

Hantera teckensnittsanalyser och metadata via JS API

Det öppna källkods‑biblioteket Fontkit erbjuder kraftfulla funktioner för teckensnittsanalyser, vilket möjliggör för utvecklare att utforska och extrahera viktig information från teckensnittsfiler. Det tillhandahåller en omfattande verktygssamling för att analysera teckensnitt, inklusive hämtning av metadata såsom teckensnittsfamilj, vikt, stil och stöd för teckenuppsättningar. Denna information är ovärderlig för val av teckensnitt och beslut om textlayout. Det inkluderar också valideringsmekanismer för att kontrollera integriteten och korrektheten i teckensnittsfiler. Det kan upptäcka och rapportera potentiella problem, såsom saknade eller felaktiga tabeller, inkompatibla teckensnittformat eller teckensnittsspecifika fel.

 Svenska