如何使网站上的文字显示为手写，但不可读

Question

我的网页上有一个'留言簿'图片，我用作登录框。保持对主题的忠实，我显示每个登录的人的姓名，以便阅读该特定文章并在登录框之前列出他们的名字（试图创建实际留言簿的感觉）。当然，有些用户可能想要登录但没有显示他们的真实姓名，所以我添加了一个复选框，允许他们标记他们的名称进行混淆。

我认为整合这个的最顺畅的方式，因为在'留言簿'上拥有正确数量的'签名'有一些价值，就是让标准脚本字体中出现正常的名称（例如画笔脚本） ，然后让“隐藏”名称的行看起来像手写，但实际上并不可读。

我能想到的唯一方法是找到一个不可读的字体，在css中定义它以供浏览器下载，然后将其应用于隐藏的名称。为了更好的衡量，我可以用随机选择的“John Doe”，“Jane Doe”，“Jayne Doe”等替换真实姓名，以防有人查看来源。但是，经过一个小时的搜索后，我无法找到符合我标准的字体，我想知道是否有更好的方法可以解决这个问题。

所以我希望有人可以建议一种可能符合我需求的字体，或建议一个更好的解决方案。谢谢。

Answer 1

有一个free font set我遇到过您可能对PC和MAC感兴趣。

印刷字体：

书面字体：

以上两个示例都在12px。

由于图像尺寸较小，因此可以看到100％无失真质量（双关语）。

使用内置的Windows Font Map Viewer或MAC Font Book查看字体文件的所有字符。

Answer 2

如果名称不可读，请在Photoshop中制作一些不可读名称的图像，并随意加载它们以代替实际名称。这比使用CSS和特殊字体更容易，也更灵活。

Answer 3

如何扰乱名字的字母或完全取代它们？你可以为一个不想分享他们名字的人使用随机字母。例如，'John'可以成为'ojhn'或者只是'sghj'。