Typography

Web Fonts: Headlines

Spectral

Spectral is a serif designed for text-rich, on-screen environments and long-form reading.

Available for free from Google Fonts.

Spectral Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

Spectral Regular Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

Spectral Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

Spectral Bold Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

The following styles and variations for Spectral are used:

  • Spectral Regular
  • Spectral Regular Italic
  • Spectral Bold
  • Spectral Bold Italic

Barlow Condensed

Barlow Condensed, a slightly rounded, low-contrast grotesk type family, is space efficient and clear. This font is perfect for headlines, as it shares qualities with highway signs and public signage. Any head style in Barlow Condensed should always use the semi-bold weight in all caps.

Available for free from Google Fonts.

Barlow Condensed Semibold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

Barlow Condensed Semibold Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

The following styles and variations for Barlow Condensed are used:

  • Barlow Condensed Semibold
  • Barlow Condensed Semibold Italic

Web Fonts: Body Copy

Noto Sans

Noto Sans is flexible and legible at many sizes. It contains a full extended character set and is intended to be visually harmonious across all languages.

Available for free from Google Fonts.

Noto Sans Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

Noto Sans Regular Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

Noto Sans Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

Noto Sans Bold Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! ? $ %

The following styles and variations for Noto Sans are used:

  • Noto Sans Regular
  • Noto Sans Regular Italic
  • Noto Sans Bold
  • Noto Sans Bold Italic

Web Fonts: Best Practices

Setting type is a subtle art, and it’s important to have some guidelines in place to ensure legibility and continuity of the communication products. Here are some general rules to keep in mind when laying out type for headlines or body copy.

Headlines are always set larger than the body copy and in the bold weight, which provides the most contrast from body copy. Subheads should be closer to the paragraph that follows than the paragraph above.

Body copy should be set between 12–16 px for web.

Things to Avoid when Setting Headlines

  1. Do not create your own modifications to the font. Use only the faces provided.
  2. Do not track out the Spectral title-case headline style past 30 pts.
  3. Do not place the headline over a photo in such a way that the legibility is compromised.
  4. Do not vary the size of a specific weight or style within a headline treatment.
  5. Do not use colors that are not WCAG 2.0 level AA compliant for contrast.
  6. Do not use print fonts in web designs.

Things to Avoid when Setting Body Copy

  1. Do not set body copy in all bold; it will become too dense to read at small sizes.
  2. Do not set body copy in a weight lighter than regular (400).
  3. Do not place the copy over a photo in such a way that legibility is compromised.
  4. Do not use colors that are not WCAG 2.0 level AA compliant for contrast.
  5. Do not use print fonts in web designs.

All Media: System Fonts

System fonts should only be used if no other identity fonts are available for print or web. An example of their use is in HTML emails, where font options are limited, or in general communications such as letters and email signatures.

Corbel, Arial, and Roboto are sans-serif substitutes for Avenir (print), Aktiv Grotesk (print), and Noto Sans (web).

Constantia, Georgia, and Liberation Serif (sometimes named Tinos) are substitutes for Mercury (print), Capitolium 2 (print), and Spectral (web).

Please visit communications.emory.edu for further information on obtaining the identity fonts.

Specimen of characters in the Regular weights of Constantia, Georgia, and Liberation Serif (Tinos)


Sample serif system font stack: Constantia, Georgia, “Liberation Serif”, serif

Specimen of characters in the Regular weights of Corbel, Arial, and Roboto


Sample sans-serif system font stack: Corbel, Arial, Roboto, sans-serif