Noto Sans
Noto fonts are intended to be visually harmonious across multiple languages, with compatible heights and stroke thicknesses. For the currently released Noto fonts see code.google.com/p/noto/
Typeface variants
We use two different weights of Noto:
- Normal (Font weight: 400)
- Bold (Font weight: 700)
Noto Sans Normal – 400
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Noto Sans Bold – 700
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Typographic pre-sets
Lens uses pre-set typographic pairings to make sure our pages stay consistent.
- Page headings - The largest text on the page, usually the page heading
- Content headings - Headings within a block of content
- Body copy - Smaller blocks of text including paragraphs
PAGE HEADINGS
Page heading - Large
Font size: 80px, line height: 90px
Large page heading
Page heading - Medium
Font size: 60px, line height: 70px
Medium page heading
Page heading - Small
Font size: 46px, line height: 53px
Small page heading
CONTENT HEADINGS
Content heading - Large
Font size: 36px, line height: 48px
Large content heading
Content heading - Medium
Font size: 32px, line height: 43px
Medium content heading
Content heading - Small
Font size: 28px, line height: 37px
Small content heading
BODY COPY
Body copy - Large
Font size: 24px, line height: 37px
Large body copy
Body copy - Medium (Default paragraph)
Font size: 18px, line height: 28px
Medium body copy (Default paragraph)
Body copy - Small
Font size: 14px, line height: 22px
Small body copy