blocks|key|1232181|text|font-family:+monospace是一个很好的开端。这些字体被设计成明确无误。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1232182|如果你真的很想让它完全正确，你可以在服务器上用你选择的字体渲染一个小图像，然后发送。|1232183|entityMap^0|0|M|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

A great start is <code>font-family: monospace</code>. These fonts are designed to be unambiguous.

If you're really desperate to get it exactly right, you can render a little image in your chosen font on the server, then send that.

blocks|key|1232188|text|如果对密码来说，可读性是最重要的，并且需要有特定的字体，则可以使用特定的字体在服务器上的图像上绘制文本，然后将其提供给浏览器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1232189|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If readability is the most important thing for the password and you are required to have a specific font you can draw the text on an image on the server using your specific font then serve it to the browser.

blocks|key|2926642|text|通用的单空间字体在这方面会比较好，但并不完美。iIl10oO|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2926643|但是，最好的解决方案是确保密码不包含模糊字符。|2926644|entityMap^0|N|7|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

The generic monospace font will be somewhat good at this, but not perfect. <code>iIl10oO</code>

However, the best solution is to make sure that the passwords do not contain ambiguous characters.

blocks|key|2926725|text|试试这个字体堆栈|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2926726|font-family:+"Lucida+Console","Courier+New",Monaco,"Nimbus+Mono+L",monospace;|code-block|syntax|javascript|2926727|99%25的Windows有Lucida控制台和新的信使|unordered-list-item|2926728|91%25的Mac有“快递新”|2926729|31%25的Linux有Nimbus+Mono+L|2926730|http://www.codestyle.org/servlets/FontStack?stack=Lucida%252BConsole%25252CCourier%252BNew%25252CMonaco%25252CNimbus%252BMono%252BL&generic=monospace&x=5&y=8|offset|length|2926731|entityMap|0|LINK|mutability|MUTABLE|url|http://www.codestyle.org/servlets/FontStack?stack=Lucida%252BConsole%25252CCourier%252BNew%25252CMonaco%25252CNimbus%252BMono%252BL&generic=monospace&x=5&y=8^0|0|0|0|0|0|0|3Z|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|I|7|11|8|@]|9|@]|A|$]]|$1|J|3|K|5|I|7|12|8|@]|9|@]|A|$]]|$1|L|3|M|5|I|7|13|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|14|8|@]|9|@$P|15|Q|16|1|17]]|A|$]]|$1|R|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y]]]]

Try this font stack

<pre><code>font-family: "Lucida Console","Courier New",Monaco,"Nimbus Mono L",monospace;
</code></pre>

<ul>
<li>99% of Windows has Lucida Console and courier new</li>
<li>91% of Mac has Courier New</li>
<li>31% of Linux has Nimbus Mono L</li>
</ul>

<a href="http://www.codestyle.org/servlets/FontStack?stack=Lucida%2BConsole%252CCourier%2BNew%252CMonaco%252CNimbus%2BMono%2BL&amp;generic=monospace&amp;x=5&amp;y=8" rel="nofollow noreferrer">http://www.codestyle.org/servlets/FontStack?stack=Lucida%2BConsole%252CCourier%2BNew%252CMonaco%252CNimbus%2BMono%2BL&amp;generic=monospace&amp;x=5&amp;y=8</a>

blocks|key|1232244|text|正如您所描述的，它是为您的工作人员准备的，可能会对他们使用的浏览器进行更多的控制。如果这个浏览器足够现代，你可以考虑使用@字体来显式地在你的界面中使用水晶字体。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1232245|您可以阅读保罗爱尔兰人的这篇文章，了解有关实现@字体脸的更多信息。|offset|length|1232246|看看@字体-face浏览器支持，看看哪些浏览器支持这个特性。|1232247|谁能提供更多的信息，可能的字体，用户可能有可能比单空间更好，以便我可以连锁字体在一起，以获得最好的可能结果？|blockquote|1232248|在Linux上，我喜欢Bitstream+Vera+Sans+Mono+(或其更广泛的变体DejaVu+Sans+Mono)，在Windows上我认为Consolas很棒(但前提是Cleartype是打开的)。Mac用户可能喜欢摩纳哥。您可以在您的字体声明中将它们全部命名，然后再提到备用选项"monospace“(它可能是Windows机器上的Courier+)。|1232249|entityMap|0|LINK|mutability|MUTABLE|url|http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/|1|http://webfonts.info/wiki/index.php?title=@font-face_browser_support^0|0|C|4|0|0|2|D|1|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]]|A|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|H|3|I|5|J|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

As you describe it is intended for people at your work, there's possibly a bit more control on which browser they use. If this browser is modern enough, you can consider using @font-face to explicitly use the Crystal font in your interface.

You can read <a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/" rel="nofollow noreferrer">this article</a> by Paul Irish to learn more about implementing @font-face.

Have a look at <a href="http://webfonts.info/wiki/index.php?title=@font-face_browser_support" rel="nofollow noreferrer">@font-face browser support</a> to see which browsers support this feature yet.

<blockquote>
 Can anyone provide additional info on
 possible fonts that users might have
 that may be better than monospace so
 that I can chain fonts together to get
 the best possible result?
</blockquote>

On Linux, I like Bitstream Vera Sans Mono (or its more extensive variant DejaVu Sans Mono), on Windows I think Consolas is great (but only if Cleartype is on). Mac users might be fond of Monaco. You could name them all in your font declaration, before mentioning the fallback option "monospace" (which probably is Courier New on Windows machines).

blocks|key|1230863|text|我在使用Courier之前分发了串行密钥，这是个坏主意。我们经常接到电话，说有人没看好钥匙。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1230864|我们通过使用VerdanaMono解决了这个问题，但是Verdana非常相似(我们希望所有的键都使用相同的水平空间)。我们还提供了一个可能的字符列表，以便人们可以进行比较。(看起来是这样的：“可用的字符是:ABCD.abcde.1234.”)|1230865|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I distributed serial keys before using Courier New and it was a bad idea. We regularly had calls about people who didn't read the key right. 

We fixed the issue by using VerdanaMono, but Verdana is very similar (we wanted the keys to all take the same horizontal space). We also provided a list of possible characters so people could compare. (It looked like this : "The available characters are : ABCD... abcde... 1234...").

In a web app I work with from time to time the issue of text readability has come up. The reason is that it involves passwords which will be read off of the web page or written down. One of my co-workers pointed out the <a href="http://www.dafont.com/crystal.font" rel="nofollow noreferrer">Crystal font</a> as one that is designed to be unambiguous ("l" and "1" aren't confused, "0" and "O", etc), but I'm pretty sure its not useful on the web. I realize that I will probably have to use a fallback strategy, but am looking for advice on what fonts are good for this purpose and specifically those fonts that users may have available. Also, links to resources on the topic would be great as well. Thanks!

Edit: People have suggested monospace as a readable web font. Can anyone provide additional info on possible fonts that users might have that may be better than monospace so that I can chain fonts together to get the best possible result?

Readable Font that is Web Safe

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云AI代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

在我经常使用的web应用程序中，文本可读性问题已经出现。原因是它涉及密码，这些密码将从网页上读取或记录下来。我的一位同事指出，的设计是明确的("l“和"1”不被混淆，"0“和"O”等等)，但我很确定它在网络上没有用。我意识到我可能不得不使用一种后备策略，但我正在寻求关于哪些字体对此有好处的建议，特别是那些用户可以使用的字体。此外，链接到有关该主题的资源也是很好的。谢谢!编辑:人们建议单空间作为一个

问可读字体，即Web安全
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可读字体，即Web安全EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可读字体，即Web安全
EN