Open Sans with Roboto Slab in action on copyhackers.com

Under the hood

  • .header-1 { font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: uppercase; color: #86C7D6; }
  • .header-2 { font-family: "Roboto Slab"; font-size: 40px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 50px; text-transform: none; color: #4C4C4C; }
  • .content-1 { font-family: "Open Sans"; font-size: 17px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-transform: none; color: #303030; }
  • .content-2 { font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; color: #0288D1; }
  • .content-3 { font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; text-transform: none; color: #0288D1; }
  • .content-4 { font-family: "Open Sans"; font-size: 17px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-transform: none; color: #303030; }

Open Sans is available from Adobe Fonts, Font Squirrel, Google Web Fonts, MyFonts and Typekit.

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

Published on 10 Feb 2017.

Close