== Proposal
update the font-stack for Wikipedia on mobile web which gives preference to system typeface
Apple and Google both have better typeface alternatives available. [1][2]
They have better readability on screens and they have better language support.
This will deliver better native experience for readers. [3]
Proposed stack (see discussion for other links/suggestions)
```lang=css
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Lato, "Oxygen-Sans", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
```
This is the semantic order of things -
User device preferred > Wikimedia Design preferred > Helvetica > Arial > Generic
[1] https://developer.apple.com/fonts/
[2] a https://fonts.google.com/specimen/Roboto
[2] b https://material.io/guidelines/style/typography.html
== Developer note
There's a known bug for old ie with this stack
More info here > https://booking.design/implementing-system-fonts-on-booking-com-a-lesson-learned-bdc984df627f
There's a fix too
== Open questions
Jan has been doing some excellent research in [[ https://phabricator.wikimedia.org/T175877#3831247 | the comments ]]. We should read through that and decide if we need to make any adjustments before we consider this good to work on.