A readable font that is web safe

In a web application that I work with from time to time, there was a problem reading the text. The reason is that it includes passwords that will be read from or written to the web page. One of my co-workers pointed to Crystal font as one that is unambiguous ("l" and "1" are not confused, "0" and "O", etc.), but I'm sure it is not useful on the Internet . I understand that I will probably have to use a fallback strategy, but I'm looking for tips on which fonts are suitable for this purpose and, in particular, those fonts that may be available to users. In addition, links to resources on this topic will also be excellent. Thank!

Edit: People suggested a monospace as a readable web font. Can someone provide more information about the possible fonts that users may have, which may be better than monospace so that I can combine the fonts together to get the best possible result?

+3
source share
6 answers

Great start font-family: monospace. These fonts are intended to be unique.

If you are really desperate to get it right, you can display a small image in the font of your choice on the server, and then send it.

+3
source

, , , , .

+3

, . iIl10oO

, .

+3

font-family: "Lucida Console","Courier New",Monaco,"Nimbus Mono L",monospace;
  • 99% Windows Lucida Console 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

+2

, , , . , @font-face Crystal .

Paul Irish, @font-face.

@ font-face, , .

- , , , ?

Linux Bitstream Vera Sans Mono ( DejaVu Sans Mono), Windows , Consolas ( Cleartype ). Mac . , "monospace" (, , " " Windows).

0

Courier New, . , .

We fixed the problem with VerdanaMono, but Verdana is very similar (we wanted all the keys to occupy the same horizontal space). We also provided a list of possible characters so people can compare. (It looked like this: "Available characters: ABCD ... abcde ... 1234 ...").

0
source

Source: https://habr.com/ru/post/1732118/


All Articles