font js

แบบอักษร

ลองดู Glyph Viewer ตอนนี้ในเบราว์เซอร์ของคุณ!

ยูทิลิตี้และ CLI สำหรับการแยกร่ายมนตร์และข้อมูลเมตาจากไฟล์ FONT

ในปัจจุบันอนุญาตให้โหลดแบบอักษร truetype หรือ opentype หรือคอลเลกชันแบบอักษรและการแยกเมตาดาต้าและเรขาคณิตสัญลักษณ์

อินเทอร์เฟซบรรทัดคำสั่งช่วยให้สามารถแยกการเรนเดอร์ PNG สีดำและสีขาวและสีขาวได้และเมตาดาต้า JSON

เรียกใช้อินเทอร์เฟซบรรทัดคำสั่งโดยไม่มีอาร์กิวเมนต์เพื่อตรวจสอบตัวเลือกที่มีอยู่ทั้งหมด

รันผ่าน NPX: npx @hlorenzi/font

ติดตั้งด้วย: 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"
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 ( ) )