Page MenuHomePhabricator

[ES-M4]: Update font styles on the EntitySchema termbox
Open, Needs TriagePublic

Description

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:

Screenshot Capture - 2024-04-23 - 16-18-26.png (590×1 px, 126 KB)

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.

Acceptance Criteria

  • The mobile Termbox font styles are consistent with Wikimedia standards