Lato with Open Sans in action on oasisdesign.co.uk

Under the hood

  • .header-1 { font-family: lato, sans-serif; font-size: 66px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 79px; text-transform: none; color: #FFFFFF; }
  • .header-2 { font-family: open-sans, sans-serif; font-size: 21px; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 36px; text-transform: none; color: #FFFFFF; }
  • .content-1 { font-family: open-sans, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; text-transform: uppercase; color: #FFFFFF; }

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

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

Close