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 Fonts.com, Fontspring, MyFonts, Typekit and YouWorkForThem.
Neue Haas Grotesk is available from Fonts.com, MyFonts and Typekit.
Roboto is available from Font Squirrel, Google Web Fonts and Typekit.