Wikimedia Apps/Android font guidelines

The font definitions below are used in the Wikipedia Android app. They base on the typographical principles of the Wikimedia design style guide: "Wikimedia projects rely on writing and reading. Typography is a key component of their design. Consider the typeface, size, style, and spacing of your text to achieve good readability. Our typographic choices make our content accessible, present it in a neutral way, and convey its reliability."

font_group_1

Mostly used for setting descriptions.

font-family: Roboto Regular;

font-size: 12sp;

line-height: 16sp;

font_group_2

Mostly used for buttons, e.g. card or dialog buttons.

font-family: Roboto Medium;

font-size: 14sp;

line-height: 16sp;

text-transform: uppercase;

font_group_3

Mostly used for small running text, e.g. task descriptions in Edits.

font-family: Roboto Regular;

font-size: 14sp;

line-height: 21sp;

font_group_4

Default running text, e.g. article text in cards on Explore.

font-family: Roboto Regular;

font-size: 16sp;

line-height: 24sp;

font_group_5

Used for titles in running text (h3), e.g. article titles in cards on Explore.

font-family: Roboto Bold;

font-size: 16sp;

line-height: 24sp;

font_group_6

Used for sub section titles (h2), e.g. username in Edits.

font-family: Roboto Bold;

font-size: 20sp;

line-height: 24sp;

font_group_7

Used for longer sub section titles (h2), e.g. FAQ card title in Edits.

font-family: Roboto Bold;

font-size: 20sp;

line-height: 28sp;

font_group_8

Used for app bar titles.

font-family: Roboto Bold;

font-size: 24sp;

line-height: 24sp;

font_group_9

Used for section titles if no app bar title is used (h1), e.g. Explore feed category titles.

font-family: Roboto Bold;

font-size: 24sp;

line-height: 32sp;