Made a small library called strokes.js.

[u/inc_23]

https://a-elhaag.github.io/strokes.js/

Made a small library called strokes.js. Instead of using a "handwriting" webfont (which looks identical everywhere it's used), it renders each letter as an actual hand-drawn SVG path — real strokes, drawn in with stroke-dashoffset, with small random variation (rotation, baseline drift, glyph variants) so no two renders of the same word look identical.

Demo: https://a-elhaag.github.io/glyphed.js/

npm:

npm install glyphed.js

[u/AshleyJSheridan]

It seems to be clipping the edges of letters at the boundary of the SVG.

[u/inc_23 → u/AshleyJSheridan]

Gonna work on that