Css 网络安全的可读字体

Css 网络安全的可读字体,css,fonts,passwords,Css,Fonts,Passwords,在我经常使用的一个web应用程序中,文本可读性的问题经常出现。原因是它涉及的密码将从网页上读取或记录下来。我的一位同事指出,这是一个明确的设计(“l”和“1”没有混淆,“0”和“O”等等),但我很确定它在网络上没有用处。我意识到我可能不得不使用回退策略,但我正在寻找关于哪些字体适合此用途的建议,特别是那些用户可能有的字体。此外,链接到该主题的资源也会很好。谢谢 编辑:人们建议monospace作为一种可读的web字体。有没有人能提供关于用户可能拥有的字体的其他信息,这些字体可能比monospac

在我经常使用的一个web应用程序中,文本可读性的问题经常出现。原因是它涉及的密码将从网页上读取或记录下来。我的一位同事指出,这是一个明确的设计(“l”和“1”没有混淆,“0”和“O”等等),但我很确定它在网络上没有用处。我意识到我可能不得不使用回退策略,但我正在寻找关于哪些字体适合此用途的建议,特别是那些用户可能有的字体。此外,链接到该主题的资源也会很好。谢谢


编辑:人们建议monospace作为一种可读的web字体。有没有人能提供关于用户可能拥有的字体的其他信息,这些字体可能比monospace更好,这样我可以将字体链接在一起以获得最佳效果?

一个很好的开始是
字体系列:monospace
。这些字体设计得很清晰


如果你真的非常想把它弄对,你可以在服务器上用你选择的字体渲染一个小图像,然后将其发送。

如果密码的可读性是最重要的,并且要求您使用特定字体,您可以使用特定字体在服务器上的图像上绘制文本,然后将其发送到浏览器。

通用单空间字体在这方面会有一定的优势,但并不完美<代码>iIl10oO


但是,最好的解决方案是确保密码不包含歧义字符。

正如您所描述的,它是为工作人员设计的,可能对他们使用的浏览器有更多的控制。如果这个浏览器足够现代,你可以考虑使用@字体来显式地使用你的界面中的水晶字体。 您可以阅读Paul Irish的文章,了解有关实现@font-face的更多信息

请查看哪些浏览器支持此功能

有人能提供更多的信息吗 用户可能使用的字体 这可能比单一空间好,所以 我可以将字体链接在一起 最好的结果是什么

在Linux上,我喜欢Bitstream Vera Sans Mono(或其更广泛的变体DejaVu Sans Mono),在Windows上,我认为Console很棒(但只有当Cleartype打开时)。Mac用户可能喜欢摩纳哥。在提到回退选项“monospace”(这在Windows机器上可能是新的)之前,您可以在字体声明中对它们进行命名。

试试这个字体堆栈

font-family: "Lucida Console","Courier New",Monaco,"Nimbus Mono L",monospace;
  • 99%的Windows具有Lucida控制台和courier new
  • 91%的Mac有新的Courier
  • 31%的Linux拥有Nimbus Mono L

我在使用Courier New之前分发了串行密钥,这是个坏主意。我们经常接到电话,询问那些没有正确阅读钥匙的人


我们通过使用VerdanaMono解决了这个问题,但是Verdana非常类似(我们希望所有键都占据相同的水平空间)。我们还提供了可能的角色列表,以便人们进行比较。(看起来是这样的:“可用的字符是:ABCD…abcde…1234…”)。

+1表示没有歧义字符的密码,假设您的应用程序正在生成它们。感谢monospace的建议。应用程序正在生成密码,但不幸的是,用户也经常输入现有数据,我无法强制排除某些字符。谢谢您的建议。我现在没有足够的时间来投资,但我会把它作为一个待办事项留到将来。谢谢。我将使用单行空间,并考虑在时间允许的情况下生成图像。Monospace不是字体。这是一种字体样式,也是CSS认可的默认样式之一。因此,如果您声明“monospace”,浏览器将使用首选项中的默认单间隔字体。另一种解决方案是从生成的密码中省略不明确的字符。那么字体就不重要了。@David-好主意!我喜欢这种方法。我没有提到用户(管理员-不一定是生成密码的用户)可以指定要使用的字符。如果我要这样做,我将不得不禁止这些字符从允许的设置和解释自己。这增加了复杂性,可能会导致挫折感(因为可以使用范围),但我认为这是一个很好的权衡。在用户选择集合时提供警告可能是一个很好的折衷方案+1我认为Mac用户更喜欢Monaco而不是Courier New。是的,更多Mac用户更喜欢Monaco字体,好的是它也在堆栈中。是的,但在您的字体堆栈中,它是以Courier New命名的,据您介绍,91%的Mac用户也有Monaco字体。这样,91%的人将看到Courier New,而不是Monaco我会加上“Menlo Regular”