I just spent the last 24 hours building... a free tool to create your very own handwriting font quickly within the browser (no logins, all local processing):

https://arcade.pirillo.com/fontcrafter.html

Having tested it extensively on my own manuscript, I can definitely say that it works. ;) Download the OTF and/or TTF when done!

#fonts #typography #web #app #ai #vibecoding #free

@ChrisPirillo If it's 100% local, why have it in the browser at all? Also, uploading a scan of my handwriting to a server I don't know or control sounds risky as hell.
@eighthourlunch hence, local. If you don't believe me, view source. It's just a single page web app. No databases. Hell, not even localstorage.

@eighthourlunch @ChrisPirillo as a developer you need to codesign the binaries and that costs something.

Apple developer account costs 100usd per year.
For Microsoft you need to get extended validation certificate, which costs like 250Usd per year.

That could be one reason.

@ChrisPirillo
I'm doubtful. I mean: getting a computer to write as badly as I do sounds impossible. I'll try it, but I'm warning you: if the output is legible I want my money back!
@ChrisPirillo I love this!
@mapache @ChrisPirillo

Holy smokes is this for realz?

I like Chris' handwriting better than mine though can I just buy his font please?
@ewen Yeah-nah, I'll give it a miss. This vibe-coding fails on Step 1 where it specifies a paper size that induces a "PC LOAD LETTER" error that drives people in most parts of the world into such a rage that they smash their printer into smithereens. I don't know what it means that a planet-boiling chatbot connected to an IDE didn't include an option for A4 paper, but it says something about the human who thought it's a good idea to publish the result.

@ChrisPirillo first thought, if it's local, use a different word than "upload".

That's bound to cause confusion - either in your app, or elsewhere by normalising the idea of there not really being a distinction.

Not sure what else to suggest, but perhaps "provide" or "select" or "copy"

@uep that's a good detail to sweat. Let me think about that.
@uep made some adjustments. Clarified.
@ChrisPirillo Love it! But I'm german and need ร„รค, ร–รถ, รœรผ and รŸ
Will you add them to your template? that would be incredible!
(Maybe the scandinavian types as well: ร…รฅ, ล’ล“, ooops, now I think of polish types โ€ฆ)
@exil_inselette it creates a lot of those characters automatically.
@ChrisPirillo oh, wow!
Edit: No, it does not.
I'm sorry for being so critical, but your tool is so great/works great, I'd love to use it, but I need the correct character set, otherwise I can't use it *cries loudly*
@ChrisPirillo @exil_inselette I'll second the request for diacritics and A4 paper size.

@dl2jml @ChrisPirillo @exil_inselette The Code to generate these is there. And as the code is also looking for calibration marks - have you tried printing on A4 paper?

I havenโ€™t, as I didnโ€™t find time yet, but please: Youโ€™re sounding extremely entitled to something youโ€™ve been given for free. How about helping to debug?

E.g., โ€žI tried printing in A4, I expected this to happen, but I got this result - could you pleas take a look?โ€œ

@exil_inselette @der_mit_ph @ChrisPirillo

Let me rephrase this.
1) I am thankful for the effort and I think it is a great idea.
2) I am only adding my voice that these features are important. That may help to prioritize what features are developed, should the developper want to further improve the software.
3) There is no obligation to the developper to do anything beyond what we already have.

1/2

@der_mit_ph @ChrisPirillo @exil_inselette

Now to your question about A4 paper. There is no print function for that paper in the web page. It is downloaded as a pdf and then I am supposed to print it using standard OS commands. I can print it on any paper size, obviously.
However, the page explicitly states that I should not resize the pdf to print. But if I don't resize the paper, parts of the pdf are outside the sheet.

2/2

@ChrisPirillo Sorry, another Question: It only creates capital letters?
๐Ÿฅบ
@exil_inselette it creates whatever you draw.
@ChrisPirillo I understand. But I need upper and lower case letters in one font, because in German the first letter of many words is capitalized. But as I understand the template, I have to enter three identical letters?
@exil_inselette you can choose which character you want for each row. You could do uppercase in the first row, lowercase in the second row.
@ChrisPirillo does the template have to be that size or will A4 paper work ok?
@dan the template is pretty locked in right now. There's only so much I can do but this is at least a start.
@ChrisPirillo now, if only people could read my handwriting i could use this
@mensrea that's for the next version. LoL
@ChrisPirillo this seems super, but is there a plan to support A4 (being the paper size everyone except North America uses)? I couldnโ€™t print something in 8.5โ€x11โ€ paper even if I wanted.
@s0 let me see what I can do.
@s0 by the way, it's done. ๐Ÿ˜œ
@ChrisPirillo
That's great!
Just yesterday that's what I thought about!
Thanks, mate!
@fasnix it's what I do. ๐Ÿ˜‚
@ChrisPirillo I've tried it now. It's really great! But there's one thing I really miss: correct quotation marks. In German, we do them like โ€žthisโ€œ: a small 66 at the bottom front, a small 99 at the back (not actual numbers, of course, but the numbers illustrate where they are thick and how they are curved).
Edit: I tried entering them as alternatives to " but I can't get them to work on the keyboard :(
@ChrisPirillo can you please start putting alt text on your images? you've been part of the Internet for so long, if anyone might understand the importance of alt text I'd assume it would be you
@ChrisPirillo Nice! How much will it be off if I print on A4 instead of Letter size paper?
@ChrisPirillo While I appreciate both the effort and craft - you clearly overestimate the legibility of my handwriting. By a lot.
@cpy I am not responsible for that. ๐Ÿ˜œ
@ChrisPirillo I love the idea but my handwriting is cursive, and not all capitals.
@oldrawgabbit there's only so much I can do.

@ChrisPirillo
How is it handling variations on a letter?

It appears that you have three samples per letter? Does it just rotate through?

Does it differentiate between uppercase and lowercase lettersets?

@DelilahTech it can, yes. I gotta try to explain better.

@ChrisPirillo

Thank you for this app!

I was able to get my handwritten font in a few attempts. I am missing a finer felt tip pen, but I will get one.

I had some issue in getting the lowercase g, p, q with correct baseline, and in the end I had to use #fontforge to adjust them.

I also noticed that accentded "i" automatically gets an accent over the dot and not in place of. Also the โ‚ฌ sign is missing, while it's quite common for europeans.

Ligatures seems to be not working correctly. If I activate them I get mixed uppercase and lowercase, even if I correctly selected the first line uppercase  and the second and third lowercase. It looks like pre-defined ligatures are not optimal. Probably they are fine for typography, but for handwriting you really need another set. Then one should adapt to their writing.

Overall it was a nice experience, I recommend it and I hope you will continue working on it!

I was concerned that small size would render the font illegible, but I was wrong. It is more legible that certain actual fonts.

#font #handwriting

@77nn you're my first known test case. Given me a few ideas. There's only so much I can do, of course.
@ChrisPirillo incredible. As a healthcare professional I'm going to have fun with some epic trolling now.
'supports ligatures' means I'm going to make it match my writing for certain words like communication that come out like Cuuuuutuuuum