Use fewer fonts

Hot Tip #26 is to use fewer fonts.

Multiple typefaces, each with a number of weights, add unnecessary load time to a Landing Page.

Consider pairing your primary typeface with a native system font to keep it lean.

A fast-loading Landing Page with a more organized typeset is classy and considerate.

  • System Font Stacks – Good breakdown with code snippets by Geoff Graham on CSS-Tricks.
  • Typewolf – My go-to for typography inspiration. Jeremiah Shoaf has done a fantastic job with the resource.
  • 40 Best Google Fonts – Quality curation by Typewolf with font previews and direct download links.