Assets

Font Specimen

What this shows

Turn TTF glyph outlines into a readable 3D specimen.

Loading scene…

Key API excerpt

import * as EASEL from "@xsyetopz/easel";

const data = new EASEL.TTFLoader().parse(arrayBuffer);
const font = new EASEL.TTFFont(data);
const geometry = new EASEL.ShapeGeometry(font.generateShapes("EASEL", 100));
const mesh = new EASEL.Mesh(geometry, material);
mesh.scale.y = -1; // Convert font coordinates to scene-up coordinates.