Roboto with Roboto Slab in action on life.ru

Under the hood

  • .header-1 { font-family: "Roboto Slab", serif; font-size: 48px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 60px; text-transform: none; color: #FFFFFF; }
  • .content-1 { font-family: Roboto, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; color: #FFFFFF; }
  • .content-2 { font-family: Roboto, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; color: #FFFFFF; }
  • .content-3 { font-family: Roboto, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 15px; text-transform: none; color: #FFFFFF; }
  • .content-4 { font-family: Roboto, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 25px; text-transform: none; color: #2E2E2E; }
  • .content-5 { font-family: "Roboto Slab", serif; font-size: 20px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 28px; text-transform: none; color: #2E2E2E; }

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

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

Published on 18 Oct 2017.

Close