This is an umbrella task of proposals for updates to skins' font-stacks and its implementation.
==== Design Style Guide
[[ https://design.wikimedia.org/style-guide/visual-style_typography.html#typefaces | Wikimedia Design Style Guide -- Typography ]]
Declaration in WikimediaUI Base: https://phabricator.wikimedia.org/source/wikimedia-ui-base/browse/master/wikimedia-ui-base.less line 192
core.git [[ https://github.com/wikimedia/mediawiki/blob/master/resources/lib/ooui/wikimedia-ui-base.less | /resources/lib/ooui/wikimedia-ui-base.less ]]
{T176964}
{T123359}
==== Prior art
* -> {T175877} -- The most extensive documentation of the design decisions regarding the sans-serif font-stack.
* {T212293}
* {T173228}
* {T73240}
Monospace:
* -> {T209915} -- The most extensive documentation of the design decisions regarding the monospace font-stack.
* {T176636} -- Patches across products to use `font-family: monospace, monospace;`
* {T209562}
* {T221043}
Typography refresh (2014):
https://www.mediawiki.org/wiki/Typography_refresh/Font_choice
https://www.mediawiki.org/wiki/Talk:Typography_refresh#Breakdown
Related:
https://www.mediawiki.org/wiki/Universal_Language_Selector/WebFonts
https://www.mediawiki.org/wiki/Design/Projects/Improve_mobile_reading_experience
==== Test a few fonts
* Install a userstyle (download: [[ https://github.com/openstyles/stylus#Releases | addon ]], [[ https://userstyles.org/styles/179438/wikipedia-font-update | userstyle ]]), open DevTools then untick the fonts one at a time, starting at the bottom. The last one enabled will be the visible font, except for the platform-specific fonts that aren't available on your device (the default font, eg. Times New Roman will be used instead).
* Using the [[ https://www.mediawiki.org/wiki/User:Aron_Manning/Skin_themes | custom theme ]] which also resets the `font-size` in Timeless from 95% - 15.2px (typical) to the default 100% - 16px. For reference: Vector font-size is 87.5% - 14px.
* The Noto Sans and Lora fonts by downloading the [[ https://gerrit.wikimedia.org/r/570074 | patch ]] in skins/Timeless: `git review -d 570074`
* The Roboto (sans) font by downloading the [[ https://gerrit.wikimedia.org/r/570639 | patch ]] in skins/Vector: `git review -d 570639`