Html 如何使网站上的文字看起来是手写的,但不可读

Html 如何使网站上的文字看起来是手写的,但不可读,html,css,fonts,webfonts,Html,Css,Fonts,Webfonts,我的网页上有一个“留言簿”图像,用作登录框。为了保持主题的真实性,我会显示每个登录阅读该文章的人的姓名,并在登录框前列出他们的姓名(尝试创建一个真实的留言簿)。当然,有些用户可能想登录,但没有显示他们的真实姓名,因此我添加了一个复选框,允许他们标记自己的姓名以进行混淆 我认为最平滑的整合方式是,因为在“留言簿”上有正确数量的“签名”有一定的价值,就是让普通的名字以标准的脚本字体出现(如画笔脚本),然后让“隐藏”名字的线条看起来像手写体,但实际上不可读 我能想到的唯一方法是找到一种不可读的字体,在

我的网页上有一个“留言簿”图像,用作登录框。为了保持主题的真实性,我会显示每个登录阅读该文章的人的姓名,并在登录框前列出他们的姓名(尝试创建一个真实的留言簿)。当然,有些用户可能想登录,但没有显示他们的真实姓名,因此我添加了一个复选框,允许他们标记自己的姓名以进行混淆

我认为最平滑的整合方式是,因为在“留言簿”上有正确数量的“签名”有一定的价值,就是让普通的名字以标准的脚本字体出现(如画笔脚本),然后让“隐藏”名字的线条看起来像手写体,但实际上不可读

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


所以我希望有人能建议一种适合我需要的字体,或者提出一个更好的解决方案。谢谢。

把名字的字母拼凑起来或者全部替换掉怎么样?你可以对不想分享姓名的人使用随机字母。例如,“John”可能会变成“ojhn”或简单的“sghj”。

如果名称不可读,请在Photoshop中制作一些不可读名称的图像,并随机加载,以代替实际名称。这将比使用CSS和特殊字体更简单、更灵活。

我遇到了一个你可能对PC和MAC都感兴趣的问题

打印字字体:

文字字体:

以上两个示例都位于
12px

由于图像尺寸较小,因此可以在100%无失真质量下看到它们(双关语)


使用内置或查看字体文件的所有字符。

为什么不简单地使用a?有几种建议使用图像而不是字体,这是一种有效的方法。但是,在这种情况下,我仍然必须找到一种不可读的字体来使用(建议非常受欢迎)。即使你能找到一种“不可读”的字体,任何知道你正在使用哪种字体的人都可以很容易地解码名称-这样就不会给你的用户隐私…即使字体不可读,他们仍然可以复制粘贴文本…@RobertTrickey这是一个很好的观点。在我看来,映射随机字母是最好的方法。这是个好主意。简而言之,对于每个字母,只需加载一个图像,而不是在代码中显示实际字母。一定不要留下代码痕迹,否则人们会更深入地研究它。谢谢你,我同意。虽然这个建议,就像我最初的计划一样,依赖于有一种字体设计成看起来像手写体但不可读。有什么建议吗?除了Wingdings之类的字体之外,我不知道还有什么不可读的字体,但你可以尝试使用Photoshop或Gimp对一些乱七八糟的内容进行像素化或模糊处理。约瑟夫,这正是我的想法。Buth:谢谢你提出的建议。考虑我们如何控制单词——在很大程度上,我们没有注意到内部字母的顺序,所以这种类型的发音可能不太有效。e、 这篇评论中的单词构思、模糊和有效。哈哈,是的,我自己就知道了,这就是为什么我建议只使用随机字母。Arttronics,这看起来非常完美。尺码似乎有点不合适,但我会在今晚或明天的应用程序中试一试,并让您知道它是如何进行的。谢谢!:)如果大小有点不合适,请根据您的要求使用不同的
字体大小。此外,使用字符映射字体查看器将帮助您选择各种单词段,每个按键的长度范围从逗号到全尺寸单词。干杯