DIN Pro, Druk, Neue Haas Grotesk with Roboto in action on kbsagency.ca

Under the hood

  • .header-1 { font-family: din-condensed; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: 22px; text-transform: uppercase; color: #222222; }
  • .header-2 { font-family: din-condensed; font-size: 13px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: normal; text-transform: uppercase; color: #FFFFFF; }
  • .header-3 { font-family: Druk; font-size: 80px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 64px; text-transform: uppercase; color: #222222; }
  • .header-4 { font-family: "Neue Haas Grotesk"; font-size: 30px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 36px; text-transform: none; color: #222222; }
  • .header-5 { font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 18px; text-transform: none; color: #222222; }

DIN Pro is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts, Typekit and YouWorkForThem.

Neue Haas Grotesk is available from Fonts.com, MyFonts and Typekit.

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

Close