Jump to content

Wikimedia Apps/Android font guidelines

From mediawiki.org

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

[edit]

Mostly used for setting descriptions.

font-family: Roboto Regular;

font-size: 12sp;

line-height: 16sp;

font_group_2

[edit]

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

[edit]

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

[edit]

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

font-family: Roboto Regular;

font-size: 16sp;

line-height: 24sp;

font_group_5

[edit]

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

[edit]

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

font-family: Roboto Bold;

font-size: 20sp;

line-height: 24sp;

font_group_7

[edit]

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

[edit]

Used for app bar titles.

font-family: Roboto Bold;

font-size: 24sp;

line-height: 24sp;

font_group_9

[edit]

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;