mozilla-vpn-client
mozilla-vpn-client copied to clipboard
mozilla-mobile
Font size on mobile apps smaller than expected
The font size on the new Android app is smaller than typical Android application and smaller relative to even what you see on the Mac desktop application with a normal sized resolution.
I will drop in a screenshot for @jess-cook03 to review.
┆Issue is synchronized with this Jira Task
@bakulf @lesleyjanenorton do we know the exact size the type is? px, em, ratios? in general what is the typescale for headings, sub, body copy? This is a bit of an accessibility flag if these fonts are too small. From the figma files and old mockups for android I'm seeing this relative type scale being used:
- Title 22/32
- Header 15/24
- Body 15/22
- Byline 13/21
- Caption 11/18
Typically in the 12-11px range is right on the brink of becoming too small..... so if we have any sizes smaller than that I would say we need to scrub the typescale and adjust this.
The app title / logo / server list / device text looks quite a bit smaller on v2.x vs the v1.x clients.
I just ran into this on my new Pixel 9 Pro XL -- the text size is extremely small compared to other apps.
Moreover, the VPN app doesn't change size at all in response to the Android system "Font size" slider in the Android settings-menu's "Display size and text" section.
Here's a screencast showing the text size in Mozilla VPN vs. the Settings app and Firefox. The text is noticeably small in VPN, and the "Font Size" slider fails to-change-the-size of the text in the VPN app (but successfully impacts the size of the text in the Firefox and Settings apps).
https://github.com/user-attachments/assets/ac40f7f3-e4df-40e0-bfae-618f92f50f1e