Playfair Display with Sofia Pro in action on

Under the hood

  • .header-1 { font-family: sofia-pro, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; letter-spacing: 4px; line-height: 20px; text-transform: uppercase; color: #F76C6C; }
  • .content-1 { font-family: "Playfair Display", serif; font-size: 70px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 70px; text-transform: none; color: #FFFFFF; }
  • .content-2 { font-family: sofia-pro, sans-serif; font-size: 22px; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 30px; text-transform: none; color: #FFFFFF; }

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

Sofia Pro is available from Adobe Fonts, Font Squirrel,, Fontspring, Google Web Fonts, MyFonts, Open Font Library, Typekit and YouWorkForThem.