Problem
The font styles used in the mobile Termbox do not align with Wikimedia standards. This inconsistency in style prevents the table from appearing cohesive within the desktop environment:
1)Serif fonts:
1a)The serif font is reserved for H1 and H2 styles, which can only be regular. In the mobile Termbox, the serif stack is applied to a bold h2.
1b) Serif fonts should be exclusively reserved for headings. For improved legibility and consistency, UI text should always rely on sans fonts.
2)Sans-serif:
2a) Sans fonts are using a deprecated stack: 'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif.
2b) Italics are generally avoided in Wikimedia UIs to ensure legibility and accessibility.
Solution
We'll update the font styles (font family, color, sizing, line-height) of the mobile Termbox to make it more consistent with the surrounding text in each environment.
Link to design specifications (Figma) |
Acceptance Criteria
- The mobile Termbox font styles are consistent with Wikimedia standards