Display 1 Bold
Marketing headlines, page heroes
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.1
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 700 · Bold
- Font size
- 40px
- Line height
- 44px
- Letter spacing
- -1%
Typography
Reddit Sans, all the way down
A single variable font covers every weight from 200 to 900. Ten semantic styles span editorial display to dense UI labels — each with a paired line-height, weight, and a recommended use case.
Display 2 Bold
Section openers, large statements
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.19
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 700 · Bold
- Font size
- 32px
- Line height
- 38px
- Letter spacing
- -1%
Heading 1 Semibold
Page titles
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.21
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 600 · Semibold
- Font size
- 28px
- Line height
- 34px
- Letter spacing
- -1%
Heading 2 Semibold
Major sub-sections
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.17
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 600 · Semibold
- Font size
- 24px
- Line height
- 28px
- Letter spacing
- -1%
Heading 3 Semibold
Card titles, modal headings
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.2
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 600 · Semibold
- Font size
- 20px
- Line height
- 24px
- Letter spacing
- -1%
Heading 4 Semibold
Group labels, list headers
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.22
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 600 · Semibold
- Font size
- 18px
- Line height
- 22px
- Letter spacing
- -1%
Body Large Regular
Long-form paragraphs, primary body copy
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.25
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 400 · Regular
- Font size
- 16px
- Line height
- 20px
- Letter spacing
- -1%
Body Regular Regular
Default UI text, buttons, inputs
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.14
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 400 · Regular
- Font size
- 14px
- Line height
- 16px
- Letter spacing
- -1%
Body Small Regular
Helper text, badges, dense UI
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.33
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 400 · Regular
- Font size
- 12px
- Line height
- 16px
- Letter spacing
- -1%
Body Tiny Regular
Avatar initials, micro-labels
Aa Bb Cc — The quick brown fox jumps over the lazy dog
line-height ratio · 1.4
font-sizeline-height
- Font
- Reddit Sans
- Weight
- 400 · Regular
- Font size
- 10px
- Line height
- 14px
- Letter spacing
- -1%