Lato with Playfair Display in action on hoodzpahdesign.com

Under the hood

  • .header-1 { font-family: Lato, sans-serif; font-size: 24px; font-style: normal; font-weight: 200; letter-spacing: normal; line-height: 30px; text-transform: none; color: #BA993F; }
  • .header-2 { font-family: Lato, sans-serif; font-size: 17px; font-style: normal; font-weight: 200; letter-spacing: 3px; line-height: 24px; text-transform: uppercase; color: #000000; }
  • .header-3 { font-family: 'Playfair Display', sans-serif; font-size: 36px; font-style: italic; font-weight: 200; letter-spacing: normal; line-height: 40px; text-transform: none; color: #000000; }
  • .content-1 { font-family: Lato, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 22px; text-transform: none; color: #3B3B3B; }

Lato is available from Adobe Fonts, Font Squirrel, Google Web Fonts, Open Font Library and Typekit.

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

Close