How to make text on a website appear handwritten, but unreadable

Question

I have a 'guestbook' image on my webpage that I use as the login box. Keeping true to the theme, I display the names of each person who has logged in to read that particular article and list their names before the login boxes (trying to create the feel of an actual guestbook). Of course, some users may want to log in but not have their real name displayed, so I added a checkbox allowing them to mark their name for obfuscation.

I thought the smoothest way to integrate this, since there is some value to having the correct number of 'signatures' on the 'guestbook', would be to have normal names appear in a standard script font (such as Brush Script), then have the lines for the 'hidden' names have what looks like handwriting, but that isn't actually readable.

The only way I could think to do this would be to find an unreadable font, define it in the css for the browser to download, then apply it to the hidden names. For good measure I can replace the real names with a random selection of "John Doe", "Jane Doe", "Jayne Doe", etc in case anyone views the source. However, after an hour of searching I've been unable to locate a font that meets my criteria, and I'm wondering if there's some better way to handle this problem.

So I was hoping someone could either suggest a font that might work for my needs, or suggest a better solution. Thank you.

Answer 1

There's a free font set I've come across you might be interested in for both PC and MAC.

The Printed Word Font:

The Written Word Font:

Both samples above are in 12px.

Due to the small image dimensions, they are seen at 100% distortion free quality (pun intended).

Use the built in Windows Font Map Viewer or MAC Font Book to view all characters of the font file.