🔠 Typography

Updated at 2018-07-03 14:31

This note contains interesting fonts for future reference. To learn more about typefaces and their usage in general, check out the typography notes. Fonts are sorted by tone or emotion they invoke.


  • Montserrat for headings (50/700) and subtitles (25/400), use with generous whitespace
  • Skolar for headings or body
  • Open Sans for headings or body, works well as body for Montserrat (16/400)
  • Signika for headings or body, requires 20px+ sizes
  • Georgia for body, looks ok, popular as native on Win/Mac/Linux
  • Verdana for body, better than Arial/Helvetica and native on Win/Mac/Linux
  • Noto Serif for body
  • Fjord One for body, works especially well in small sizes
  • Radley for body, goes well with Damion or Pacifico
  • Source Sans Pro for body






  • Exo for headings or body


Luxury, Professionalism:




Other strong identity:

Fonts TODO

Neutral fonts:

  • Futura
  • Metro
  • Myriad
  • Frutiger
  • Peignot
  • Akzidenz Grotesk
  • Eurostile
  • Helvetica, but never on small sizes and UI.
  • Rotis
  • Fedra
  • Bodoni
  • Lexicon
  • Palatino

Fonts for newspapers :

  • PT Sans Narrow + PT Sans + PT Serif + PT Mono
  • Times
  • Miller
  • Proforma
  • Arnhem
  • Swift

Fonts for user interfaces: These should all work on small sizes.

  • Roboto (used in Android)
  • Fira (used in Firefox OS)
  • Ubuntu (used in Ubuntu)
  • Lucida Grande (used in old Mac UIs)
  • Verdana (used by Microsoft)
  • Proxima Nova
  • Open Sans
  • Segoe UI
  • Droid Sans

Fonts for invitations:

  • Bodoni
  • Walbaum
  • Didot

Fonts for books:

  • Caslon
  • Minion
  • Garamond

Popular in 2014:

  • Helvetica Neue (iOS), but it is crap as UI font
  • Roboto (Android)
  • Avenir Next
  • Source Sans Pro, Source Sherif Pro
  • PT Sans, PT Serif
  • Open Sans
  • Freight Text, Freight Display (body, 16-20px)
  • Proxima Nova, Gotham, Whitney, Didot, Avenir.
  • Montserrat
  • DIN OT
  • Lato
  • Papyrus, Impact
  • Oswald
  • Merriweather
  • Gentium, Neuton