Lato with Noto Sans in action on lava.io

Under the hood

  • .header-1 { font-family: Lato, sans-serif; font-size: 24px; font-style: normal; font-weight: 200; letter-spacing: normal; line-height: 40px; text-transform: none; color: #FFFFFF; }
  • .header-2 { font-family: 'Noto Sans', sans-serif; font-size: 48px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 40px; text-transform: none; color: #FFFFFF; }
  • .content-1 { font-family: Lato, sans-serif; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 20px; text-transform: none; color: #FFFFFF; }
  • .content-2 { font-family: Lato, sans-serif; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 20px; text-transform: none; color: #FFFFFF; }
  • .content-3 { font-family: Lato, sans-serif; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 20px; text-transform: none; color: #FFFFFF; }

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

Noto Sans is available from Font Squirrel, Google Web Fonts and Typekit.

Related samples

Close