Brandon Grotesque, Merriweather with Trade Gothic in action on climaterealityproject.org

Under the hood

  • .header-1 { font-family: BrandonGrotesque-Medium; font-size: 48px; font-style: normal; font-weight: bold; letter-spacing: 1px; line-height: 48px; text-transform: uppercase; color: #FFFFFF; }
  • .header-2 { font-family: Merriweather, serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-transform: none; color: #555555; }
  • .header-3 { font-family: TradeGothicBold20; font-size: 21px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 25px; text-transform: uppercase; color: #88C13D; }

Brandon Grotesque is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts and Typekit.

Merriweather is available from Adobe Fonts, Font Squirrel, Google Web Fonts and Typekit.

Trade Gothic is available from Fonts.com and MyFonts.

Close