Harriet, Harriet Display with Tablet Gothic in action on thedissolve.com

Under the hood

  • .header-1 { font-family: HarrietDisplay; font-size: 68px; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 83px; text-transform: none; color: #2B292B; }
  • .header-2 { font-family: HarrietDisplay; font-size: 26px; font-style: italic; font-weight: 300; letter-spacing: normal; line-height: normal; text-transform: none; color: #00B7E4; }
  • .header-3 { font-family: HarrietText; font-size: 26px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: normal; text-transform: none; color: #00B7E4; }
  • .content-1 { font-family: HarrietText; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 28px; text-transform: none; color: #2B292B; }
  • .content-2 { font-family: TabletGothic; font-size: 10px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: 14px; text-transform: uppercase; color: #00B7E4; }
  • .content-3 { font-family: TabletGothic; font-size: 10px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: 14px; text-transform: uppercase; color: #6A6A6A; }
  • .content-4 { font-family: TabletGothic-Oblique; font-size: 10px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: normal; text-transform: uppercase; color: #F5F2ED; }

Harriet Display is available from Webtype.

Harriet is available from Webtype.

Tablet Gothic is available from Adobe Fonts, Fonts.com, MyFonts and Typekit.

Published on 2 Sep 2013.

Close