Open Sans with Source Sans Pro in action on barbershop.io

Under the hood

  • .header-1 { font-family: 'Source Sans Pro', sans-serif; font-size: 25px; font-style: normal; font-weight: 300; letter-spacing: 0px; line-height: 31px; text-transform: uppercase; color: #333333; }
  • .content-1 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 27px; text-transform: none; color: #333333; }
  • .content-2 { font-family: 'Source Sans Pro', sans-serif; font-size: 25px; font-style: normal; font-weight: 300; letter-spacing: 0px; line-height: 40px; text-transform: uppercase; color: #333333; }

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

Source Sans Pro is available from Adobe Fonts, Font Squirrel, Google Web Fonts and Typekit.

Close