Under the hood
-
.header-1 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 22px;
text-transform: uppercase;
color: #000000;
}
-
.header-2 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #000000;
}
-
.header-3 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #000000;
}
-
.header-4 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 22px;
text-transform: uppercase;
color: #000000;
}
-
.header-5 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 22px;
text-transform: uppercase;
color: #000000;
}
-
.header-6 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 22px;
text-transform: uppercase;
color: #000000;
}
-
.header-7 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #000000;
}
-
.header-8 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 22px;
text-transform: uppercase;
color: #000000;
}
-
.header-9 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #000000;
}
-
.content-1 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #000000;
}
-
.content-2 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #000000;
}
-
.content-3 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #000000;
}
-
.content-4 {
font-family: 'Grotesque MT', serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #000000;
}
Monotype Grotesque is available from Fonts.com, MyFonts and Typekit.