Garamond Premier Pro Display with Proxima Nova in action on urbancompass.com

Under the hood

.content-1 { font-family: garamond-premier-pro-display; font-size: 25px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 30px; text-transform: none; color: #35373B; }
.content-2 { font-family: proxima-nova, sans-serif; font-size: 53px; font-style: normal; font-weight: bold; letter-spacing: 3px; line-height: 50px; text-transform: none; color: #35373B; }
.content-3 { font-family: proxima-nova, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; letter-spacing: 1px; line-height: 25px; text-transform: uppercase; color: #FFFFFF; background-color: #4B4F4F; }
.content-4 { font-family: garamond-premier-pro-display; font-size: 26px; font-style: italic; font-weight: 500; letter-spacing: normal; line-height: 38px; text-transform: none; color: #35373B; }