Constructing shapes from glyphs at runtime for three.js.

import Outliner from "three-font-outliner"

import Outliner from "https://cdn.jsdelivr.net/gh/ycw/[email protected]/src/index.js"

// From arraybuffer holding the font file.
new Outliner(buffer, THREE.ShapePath);

// From font url. (async)
await Outliner.fromUrl("./roboto.ttf", THREE.ShapePath);

// Outline text with optional options.
outliner.outline("hello", {
    size: 100,    // Font size. Default 100.
    isLTR: true,  // Is text written in left-to-right? Default true.
    isCCW: false, // Is solid shape using CCW winding? Default false.
});

const {
    shapes, // Array of THREE.Shape.
    h,      // Line height.
    w,      // Advance width.
    yMin,   // Bottom (negative number).
    yMax,   // Top.
} = outliner.outline("hello");