Use a monospace-type font to display passwords

[robdxw]

There are a number of places where passwords are echoed back to users e.g. in wp-activate.php when a user activates their account, or when a password is suggested when a user first registers.

Because these fields are generally displayed in Helvetica Neue or Arial, there is the potential for character confusion if a user transcribes their password, rather than copy-and-pasting. This would be eliminated by using a monospace-type font to display the password.

E.g. compare

lIo1O0loI

to

lIo1O0loI

[robdxw]

Example on user profile age.

[mikeschroder]

Sorry for the very slow response on this ticket!

It was brought up in triage today, and I think it's a great idea -- this seemed to be consensus in the meeting as well.

Moving it to Future Release, and adding good-first-bug so that it gets a bit more visibility from folks.

[utz119]

The monospace font has been added to the password field.

[hedgefield]

Looks good! Thanks for making a patch, good suggestion. What needs to be done here to ship this?

[Hareesh Pillai]

Patch updated against trunk

[Hareesh Pillai]

This ticket has design feedback and an updated patch.
Adding it to the upcoming milestone.

[ryelle]

In 50846:

Login, Users: Use a monospace font to display passwords.

When typing a password, the input field should use a monospace font. It's easier to distinguish letters in monospace fonts, which makes it easier to accurately read passwords.

Props robdxw, utz119, hedgefield, hareesh-pillai.
Fixes #40275.