font js

fonte

Essayez un spectateur Glyph dès maintenant dans votre navigateur!

Utilitaires et une CLI pour extraire les glyphes et les métadonnées des fichiers de police.

Permet actuellement le chargement de polices de truepe ou d'openType ou de collections de polices et d'extraire les métadonnées et la géométrie des glyphes.

L'interface de ligne de commande permet d'extraire des rendus en noir et blanc, en niveaux de gris et en champ de distance signé et des métadonnées JSON.

Exécutez l'interface de ligne de commande sans arguments pour vérifier toutes les options disponibles.

Exécuter via NPX: npx @hlorenzi/font

Installer avec: npm install @hlorenzi/font

Exemples de ligne de commande

 # Extracts all glyphs from "arial.ttf" into PNG and JSON files.
npx @hlorenzi/font arial.ttf -o " output/unicode_[unicode] "

# Set glyph range.
npx @hlorenzi/font arial.ttf -o " output/unicode_[unicode] " --glyphs= " u+30..u+39 "

# Set output mode.
npx @hlorenzi/font arial.ttf -o " output/unicode_[unicode] " --img-mode= " png-sdf " 

Exemple de package

 import { FontCollection , GlyphRenderer } from "@hlorenzi/font"
import fs from "fs"

// Load font file.
const fontBuffer = fs . readFileSync ( "arial.ttf" )

// Load font collection and get first font.
const fontCollection = FontCollection . fromBytes ( fontBuffer )
const font = fontCollection . fonts [ 0 ]

// Find glyph for Unicode character "a" and get its geometry,
// simplifying each bézier curve into 100 line segments.
const glyphIndex = font . getGlyphIndexForUnicode ( "a" . charCodeAt ( 0 ) )
const glyphGeometry = font . getGlyphGeometry ( glyphIndex , 100 )

// Render into a black-and-white buffer with scale factor 1 EM = 30 pixels,
// then crop empty borders and print to the console.
const glyphImage = GlyphRenderer . render ( glyphGeometry , 30 ) . cropped ( )
console . log ( glyphImage . printToString ( ) )