Font Samples

Your font choices are central to your brand identity. They will either augment your messaging or diminish it. Here are some sample font pairings that work well for all brands in a variety of channels.

Choosing the Right Typography for Your Brand

  • Readbility and skimmability are the priority for font use on websites.
  • If your primary font is too serious, consider a contrasting secondary font to ensure an accessible feel for your brand.
  • Brand design is more powerful when it’s simple. One font is best. However, consider a secondary font that’s completely different in tone than your primary font. Use it for quotes, asides, and other notes.
  • If your primary font has limited stylings (weight and italics), use a secondary font that is similar in weight and sizing and use it instead of bold or italicized font.

Tried and True Website Fonts

Font 24px Inter
Font 24px Roboto
Font 24px Poppins
Font 24px Montserrat
Font 24px Raleway
Font 24px Roboto Slab
Font 24px Roboto Condensed
Font 24px Merriweather
Font 24px Lora

Serif Font Pairings

In these pairings, the heading font is a Serif style.

Fonts-Headline-Caladea-bold-700.jpg

Font Names: Caladea and Roboto

Font Names: Source Serif Pro and Source Sans Pro

Font Names: Source Serif Pro and Josefin Sans

Font Names: Noto Serif and Bitter

Font Names: Noto Serif and Open Sans

Font Names: DM Serif Display and Roboto

Font Names: DM Serif Display and Average

Font Names: Arvo and Sofia Sans

Font Names: Arvo and Lato

Font Names: Marcellus and Literata

Font Names: Marcellus and Open Sans

Font Names: Ultra and Average

Font Names: Ultra and Montserrat


Sans Serif Font Pairings

In these pairings, the heading font is a Sans Serif style.

Fonts-Body-Literata-20

Font Names: Montserrat and Literata

Font Names: Roboto Condensed and Average

Font Names: Roboto Condensed and Arvo

Font Names: Noto Sans and Lato

Font Names: Anton and Lato

Font Names: Anton and Bitter

Font Names: Poppins and Average

Font Names: Poppins and Source Sans Pro

Font Names: Montserrat Bold and Montserrat

Font Names: Montserrat Bold and Noto Serif

Font Names: Oswald and Arvo

Font Names: Oswald and Roboto

Font Names: Poppins Bold and Roboto Serif

Font Names: Poppins Bold and Average

Font Names: Oswald and Josefin Sans

Font Names: Oswald and PT Serif


Display Font Pairings

Display fonts are more decorative, but they can be used as functional headlines if you prefer a more stylized look.

Font Names: Share and Sofia Sans

Font Names: Share and Average

Font Names: Rowdies and Lato

Font Names: Rowdies and Noto Serif

Font Names: Lobster and Roboto

Font Names: Lobster and Literata