可读的Web安全字体

时间:2010-02-10 02:23:32

标签: css fonts passwords

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

编辑:人们建议将monospace作为可读的Web字体。任何人都可以提供有关用户可能具有的可能字体的其他信息吗 ,而不是等宽字体,以便我可以将字体链接在一起以获得最佳结果?

6 个答案:

答案 0 :(得分:3)

一个好的开始是font-family: monospace。这些字体设计得毫不含糊。

如果你真的非常渴望完全正确,你可以在服务器上用你选择的字体渲染一个小图像,然后发送。

答案 1 :(得分:3)

如果可读性对于密码而言是最重要的,并且您需要具有特定字体,则可以使用特定字体在服务器上的图像上绘制文本,然后将其提供给浏览器。

答案 2 :(得分:3)

通用的monospace字体在这方面会有所好处,但并不完美。 iIl10oO

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

答案 3 :(得分:2)

试试这个字体堆栈

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

http://www.codestyle.org/servlets/FontStack?stack=Lucida%2BConsole%252CCourier%2BNew%252CMonaco%252CNimbus%2BMono%2BL&generic=monospace&x=5&y=8

答案 4 :(得分:0)

如您所述,它适用于您工作的人,可能会对他们使用的浏览器进行更多控制。如果此浏览器足够现代,您可以考虑使用@ font-face在界面中明确使用Crystal字体。

您可以阅读Paul Irish的this article了解有关实施@ font-face的更多信息。

请查看@font-face browser support,了解哪些浏览器支持此功能。

  

任何人都可以提供其他信息   用户可能拥有的可能字体   这可能比monospace更好   我可以将字体链接在一起得到   最好的结果?

在Linux上,我喜欢Bitstream Vera Sans Mono(或其更广泛的变体DejaVu Sans Mono),在Windows上我觉得Consolas很棒(但只有在Cleartype开启时)。 Mac用户可能喜欢摩纳哥。在提到后备选项“monospace”(可能是Windows机器上的Courier New)之前,您可以在字体声明中将它们全部命名。

答案 5 :(得分:0)

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

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