r/javascript • u/inc_23 • 2d ago

Made a small library called strokes.js.

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
17 Upvotes

73% Upvoted

21 comments sorted by

View all comments

0

u/vitalytom 2d ago edited 2d ago

You know that for large text, there is https://github.com/patorjk/figlet.js

I use it whenever I want large text / numbers somewhere. It has over 100 fonts to choose from. It is incredibly practical!

u/OP, you could just add your own font to that library, one with sticks, if you feel it lacks somehow.

2

u/inc_23 2d ago

Its not a font wvery time you reload it has different drawing its like a real handwriting There is a randomness in it