- Notifications
You must be signed in to change notification settings - Fork2
🔠 Visually inspect .otf/.ttf/.otc/.ttc glyphs online, and extract glyph images and metadata through the command line! --https://hlorenzi.github.io/font-js/
hlorenzi/font-js
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
📱 Try a glyph viewer right now in your browser!
Utilities and a CLI for extracting glyphs and metadata from font files.
Currently allows loading TrueType or OpenType fonts or font collections,and extracting metadata and glyph geometry.
The command-line interface allows for extracting black-and-white,grayscale, and signed distance field PNG renderings, and JSON metadata.
Run the command-line interface without arguments to check all theavailable options.
Run via npx:npx @hlorenzi/font
Install with:npm install @hlorenzi/font
# 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"
import{FontCollection,GlyphRenderer}from"@hlorenzi/font"importfsfrom"fs"// Load font file.constfontBuffer=fs.readFileSync("arial.ttf")// Load font collection and get first font.constfontCollection=FontCollection.fromBytes(fontBuffer)constfont=fontCollection.fonts[0]// Find glyph for Unicode character "a" and get its geometry,// simplifying each bézier curve into 100 line segments.constglyphIndex=font.getGlyphIndexForUnicode("a".charCodeAt(0))constglyphGeometry=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.constglyphImage=GlyphRenderer.render(glyphGeometry,30).cropped()console.log(glyphImage.printToString())
About
🔠 Visually inspect .otf/.ttf/.otc/.ttc glyphs online, and extract glyph images and metadata through the command line! --https://hlorenzi.github.io/font-js/