Journal, Lato with Ubuntu in action on resrc.it

Under the hood

  • .header-1 { font-family: lato; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: uppercase; color: #4D4D4D; }
  • .header-2 { font-family: lato; font-size: 22px; font-style: normal; font-weight: 100; letter-spacing: normal; line-height: 27px; text-transform: none; color: #4D4D4D; }
  • .header-3 { font-family: lato; font-size: 16px; font-style: normal; font-weight: 100; letter-spacing: normal; line-height: 20px; text-transform: uppercase; color: #A6A6A6; background-color: #FCFCFC; }
  • .header-4 { font-family: lato; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; color: #4D4D4D; }
  • .header-5 { font-family: lato; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; color: #4D4D4D; }
  • .content-1 { font-family: journal; font-size: 28px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 23px; text-transform: none; color: #777777; }
  • .content-2 { font-family: Ubuntu, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: none; color: #777777; }
  • .content-3 { font-family: Ubuntu, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; color: #777777; }
  • .content-4 { font-family: Ubuntu, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; color: #777777; }

Journal is available from Adobe Fonts, Font Squirrel, Fonts.com, Fontspring, MyFonts, Typekit and YouWorkForThem.

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

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

Close