font js

font

Coba penampil mesin terbang sekarang di browser Anda!

Utilitas dan CLI untuk mengekstraksi mesin terbang dan metadata dari file font.

Saat ini memungkinkan pemuatan truetype atau koleksi font atau font, dan mengekstraksi geometri metadata dan glyph.

Antarmuka baris perintah memungkinkan untuk mengekstraksi rendering png lapangan hitam-putih, grayscale, dan bidang yang ditandatangani, dan metadata JSON.

Jalankan antarmuka baris perintah tanpa argumen untuk memeriksa semua opsi yang tersedia.

Jalankan melalui NPX: npx @hlorenzi/font

Instal dengan: npm install @hlorenzi/font

Contoh Command-Line

 # 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 " 

Contoh paket

 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 ( ) )