Garamond Premier Pro Caption, Helvetica with Roboto in action on ufoby.com

Under the hood

  • .content-1 { font-family: garamond-premier-pro-caption-1, garamond-premier-pro-caption-2, serif; font-size: 18px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; text-transform: none; color: #AAAAAA; }
  • .content-2 { font-family: garamond-premier-pro-caption-1, garamond-premier-pro-caption-2, serif; font-size: 30px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 36px; text-transform: none; color: #828282; background-color: #1A1A1A; }
  • .content-3 { font-family: Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: none; color: #828282; }
  • .content-4 { font-family: Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: none; color: #FFFFFF; }
  • .content-5 { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 18px; text-transform: uppercase; color: #000000; }
  • .content-6 { font-family: 'Roboto Condensed', sans-serif; font-size: 50px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: normal; text-transform: uppercase; color: #000000; background-color: #F6F6F6; }
  • .content-7 { font-family: 'Roboto Condensed', sans-serif; font-size: 50px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 50px; text-transform: uppercase; color: #FFFFFF; }

Garamond Premier Pro Caption is available from Typekit.

Helvetica is available from Adobe Fonts, Fonts.com and MyFonts.

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

Close