Replace one of the default fonts Helvetica with Verdana and Arimo for legibility

[heylix]

Requirements

• [X] This is a feature request and not a bug report. Otherwise, please create a new bug report instead.
• [X] Please check to see if this request (or a similar one) already exists.
• [X] It's a single feature. Please don't request multiple features in one issue.

Describe the feature you'd like

Currently, the UI gives you the following string for default fonts:

-apple-system,BlinkMacSystemFont,"Droid Sans","Segoe UI",Helvetica,Arial,sans-serif

(source)

However, Helvetica is notoriously bad to read:

(source)

Please replace with Verdana and Arimo.

Maybe also consider replacing Droid Sans, as it is very similar to Roboto, which also didn't fare well.

It also seems like this is inconsistent throughout the code, e.g. in the darkly theme SCSS and the darkly compact CSS.

[heylix]

It can also be noted that -apple-system may or may not be SF Pro, and Segoe UI (installed by default on many Windows systems) is in order after Droid Sans, which means the worse font may be chosen if Droid Sans is installed. Maybe you can also ship Atkinson Hyperlegible to not have to fall back to Roboto on Android systems, which is less readable for severely dyslexic people.