Typography

Poppins, for everything. Free and open licensed (OFL 1.1), downloadable here, and installing it takes a double-click — after which it appears in every application on the machine.

Poppins

The face every size and weight in the system is named for. The samples below are set in the files this page serves, so what is on the screen is what is in the download.

Performance advertising, measured

400 Regular

Performance advertising, measured

500 Medium

Performance advertising, measured

600 SemiBold

Performance advertising, measured

700 Bold

Weight	What it is for	File
400 Regular	the reading weight — a sentence at body size, a paragraph	Poppins-Regular.ttf
500 Medium	a card title, a label, a button, a subtitle	Poppins-Medium.ttf
600 SemiBold	a display weight — headings, titles and a slide’s big number	Poppins-SemiBold.ttf
700 Bold	a badge, a table’s row header — and little else	Poppins-Bold.ttf

SemiBold 600 is a display weight, not a reading weight. A heading may take it; a sentence at body size takes Regular 400, and Medium 500 is a card title, a label, a button or a subtitle. SemiBold set as body text is the single most common way a deck made without a designer starts to look heavy.

Sentence case for headings and text. The deck re-cases a shouted heading on its own. The one label set in capitals is the eyebrow over a page heading — tracked, small, and the site’s own — as the library’s Heading pair draws it.

The face and its licence, in one file: pepper-ui-fonts.zip (5 files).

How to install one

1. Download the file above.

2. Double-click it. A preview window opens.

3. Press Install Font (macOS) or Install (Windows).

4. Restart the application that needs it — a font installed while an application is open is often invisible to it until then.

The sizes

The system names its sizes rather than numbering them, and the three below are the ones a document actually needs.

Role	Size	Weight	What it is
title/large	36px	600	a page title, a card’s section heading — a slide’s own heading is headline/large
body/medium	18px	400	every sentence on a web page — on a slide a sentence is body/large
body/x-small	14px	400	a caption or a footnote — the smallest a sentence-shaped role goes; label/medium sits below it, for labels only

The full scale, with the line heights and the rules that go with them, is Foundations · Typography.