Montserrat with Tinos in action on jeremywagner.me

Under the hood

  • .header-1 { font-family: Montserrat, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 12px; text-transform: uppercase; color: #2F3C47; }
  • .header-2 { font-family: Montserrat, sans-serif; font-size: 39px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 39px; text-transform: uppercase; color: #2F3C47; }
  • .header-3 { font-family: Montserrat, sans-serif; font-size: 29px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 29px; text-transform: uppercase; color: #D2E3F7; background-color: #2F3C47; }
  • .header-4 { font-family: Tinos, serif; font-size: 26px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 32px; text-transform: none; color: #2F3C47; }
  • .content-1 { font-family: Tinos, serif; font-size: 19px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 35px; text-transform: none; color: #49310A; }
  • .content-2 { font-family: Tinos, serif; font-size: 19px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 35px; text-transform: none; color: #2F3C47; }

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

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

Published on 15 Aug 2016.

Close