Change font used for Username, Notes, and Text to better differentiate between the characters O0 1Il|

Hi,

I believe that the fonts for Username, notes, and text need to be changed. The reason being is the uppercase i and lowercase L look too similar to spot the different.

The font on this website is similar to the app. They look like this so the i and L look like this together:

Il

So if a random password is:

ABclNYI

Also 0 and capital O look pretty similar the zero should have a font where there is a line through it so that the zero can be differentiated between capital O…

It is so hard to tell which letter it is.
Unless they are close together as there is a slight height difference that a user must search for. For improved productivity and ease of use. A font for those fields should be used that can easily show the difference between certain difficult characters O0 1Il| and a 2 fonts I have found that works well is Courier New and Menlo fonts

2 Likes

@anon54069917 you already have a feature request for this, containing two requests. I suggest you modify them so that each refers to one distinguished thing.

I have modified both. Hope that helps?

1 Like

They look quite distinguishable to me:

image

Even more so after saving the password, when color coding is added:

image

2 Likes

I have since changed my description since hidden fields and passwords are easily able to distinguish between O0 1Il|. I have updated it to Username, Notes, and Text as those are the fields with issues

1 Like

So if I was adding my backup codes, security questions, to text or notes I would have a hard time differentiating the characters. As I like to use random passwords for my security questions

I often put password like values in the Notes part of an entry. Examples are api keys, backup codes, security answers, etc.

The default font type for the Password field is a monospace font, but the default font for the Notes is not. This leads to ambiguous character problems, like “1Il” and “0O”, in the Notes field.

The default fonts for the interface in the browser extension.

font-family: “DM Sans”,“Helvetica Neue”,Helvetica,Arial,sans-serif;

The monospace fonts for the interface in the browser extension.

font-family: Menlo,Monaco,Consolas,“Courier New”,monospace;

I see this both in the Android app, the browser extension in Firefox, and the browser extension in Chrome.

Android app: Version: 2024.12.0

Browser extensions: Version: 2024.12.3

Example of the Password field and the monospace font:

Example of the Notes field and the sans-serif font:

The first option would be preferred, but either could work.

Alternatives:
Add an option to set the Notes field to act like the Password field, and change the font to monospace when this option is selected
Add a form of Notes with the hidden option as a choice in CUSTOM FIELDS

@edgan Welcome to the forum!

I merged your post into an existing feature request on the same topic.

There is also another feature request that has a high degree of overlap with this one, and the two may be merged at some point in the future:

Thanks grb!

I considered this, but tried to keep the scope limited.

The same issue effects the whole Android app and browser extension. If you change the default san-serif font in the browser extension, you see the whole interface change. This includes the search box, settings, the list of entries, etc.

Even better than changing just the fonts in an entry, let users change the fonts overall. This would look like settings to let you control the fonts. Though this could get relatively complex. I think option one would be the best choice for max readability and usability. Yet from an aesthetic perspective, it is likely going to be worse. It will be worse in some edge cases.

  1. Option to make the default font monospace
  2. Make the default font monospace
  3. Option to revert to browser settings
  4. Let users pick fonts and font sizes

I found a workaround by using a browser extension to override the fonts selected by Bitwarden. This reverts to browser fonts instead of website fonts by default. Annoyingly the setting of if the extension is enabled is per website, so it could end up toggling for Bitwarden per website, given it is a extension not a website.

Being able to choose a font would be great. If that’s not a viable option, I find the Consolas font to be quite effective. An open source similar version of this would be Inconsolata.

Also coordinates cards. My bank uses these and they look pretty shitty with the current (non-fixed) font.