Under the hood
-
.header-1 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 35px;font-style: normal;font-weight: bold;letter-spacing: normal;line-height: 42px;text-transform: none;color: #FFFFFF;} -
.header-2 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 35px;font-style: normal;font-weight: 300;letter-spacing: normal;line-height: 42px;text-transform: none;color: #FFFFFF;} -
.header-3 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 16px;font-style: normal;font-weight: 800;letter-spacing: 1px;line-height: 24px;text-transform: uppercase;color: #FFFFFF;background-color: #117EB6;} -
.header-4 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 24px;font-style: normal;font-weight: 300;letter-spacing: normal;line-height: 24px;text-transform: none;color: #FFFFFF;} -
.header-5 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 24px;font-style: normal;font-weight: 300;letter-spacing: normal;line-height: 24px;text-transform: none;color: #FFFFFF;} -
.content-1 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 24px;text-transform: none;color: #AAAAAC;} -
.content-2 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 24px;text-transform: none;color: #FFFFFF;} -
.content-3 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 24px;text-transform: none;color: #0072A4;}
Open Sans is available from Adobe Fonts, Font Squirrel, Google Web Fonts, MyFonts and Typekit.
Related samples
by
