Open Sans with Sofia Pro in action on invisionapp.com

Under the hood

  • .header-1 { font-family: sofia-pro; font-size: 84px; font-style: normal; font-weight: bold; letter-spacing: 10px; line-height: normal; text-transform: uppercase; color: #0F70E7; }
  • .content-1 { font-family: open-sans, sans-serif; font-size: 17px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: normal; text-transform: none; color: #6A7889; }
  • .content-2 { font-family: open-sans, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 0px; line-height: normal; text-transform: none; color: #FFFFFF; background-color: #0F73EE; }
  • .content-3 { font-family: open-sans, sans-serif; font-size: 80px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 80px; text-transform: none; color: #FFFFFF; }

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

Sofia Pro is available from Adobe Fonts, Font Squirrel, Fonts.com, Fontspring, Google Web Fonts, MyFonts, Open Font Library, Typekit and YouWorkForThem.

Close