Typography

For the sake of brand consistency, here are some handy references and examples for the correct uses of typography on the WordPress apps:

Open Sans Open Sans

WordPress uses Open Sans as the default text face.

Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. This version contains the complete 897 character set, which includes the standard ISO Latin 1, Latin CE, Greek and Cyrillic character sets. Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.

Open Sans on Google Fonts

We use three weights:

Light 300

Grumpy wizards make toxic brew for the evil Queen and Jack.

Regular 400

Grumpy wizards make toxic brew for the evil Queen and Jack.

Bold 700

Grumpy wizards make toxic brew for the evil Queen and Jack.

Top ↑

Font Sizes Font Sizes

Open Sans Light 300 | Size: 32pt (64pt @2x) | LineHeight: 35pt (64pt @2x)

Large Post Title (Single View)

Open Sans Regular 400 | Size: 18pt (36pt @2x) | LineHeight: 20pt (40pt @2x)

Post Title (List View)

Open Sans Regular 400 | Size: 12pt (24pt @2x) | LineHeight: 14pt (29pt @2x)

Subtitle / Date

Open Sans Bold 700 | Size: 10pt (20pt @2x) | LineHeight: 12pt (24pt @2x) | All-Caps

LABEL (DRAFT, UPLOADING, TAGS, ETC)

Open Sans Regular 400 | Size: 16pt (32pt @2x) | LineHeight: 24pt (48pt @2x)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in nisl tempor, scelerisque magna vel, lobortis velit. Suspendisse vitae elit diam. Duis ultrices rhoncus arcu non pulvinar. Donec mollis ligula diam, ut fermentum erat euismod eu. Quisque ornare lorem vel varius volutpat. Sed dapibus libero at egestas auctor. Vestibulum dapibus fringilla nunc, et sagittis augue cursus a. Aliquam sit amet leo aliquam, mattis orci non, iaculis metus. Ut sit amet feugiat neque. Proin accumsan purus sit amet mauris accumsan volutpat. Suspendisse eu orci vel sem pellentesque ultricies. Aliquam accumsan malesuada blandit. Suspendisse venenatis neque lectus, quis tempus nisi sagittis quis.

Last updated: