Get under the hood
Work Sans
in action on cssgradient.io
Get under the hood
Under the Hood
-
.header-1 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 13.28px;font-style: normal;font-weight: 700;letter-spacing: 2.656px;line-height: normal;text-transform: uppercase;color: #9DA3AC;} -
.header-2 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 36px;font-style: normal;font-weight: 300;letter-spacing: -0.72px;line-height: normal;text-transform: none;color: #FFFFFF;} -
.header-3 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 13px;font-style: normal;font-weight: 700;letter-spacing: 1.95px;line-height: normal;text-transform: uppercase;color: #8F92B3;} -
.header-4 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 21px;font-style: normal;font-weight: 500;letter-spacing: normal;line-height: normal;text-transform: none;color: #1F2667;} -
.header-5 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 13.28px;font-style: normal;font-weight: 700;letter-spacing: 2.656px;line-height: normal;text-transform: uppercase;} -
.content-1 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 24px;font-style: normal;font-weight: 700;letter-spacing: normal;line-height: 80px;text-transform: none;color: #1F2667;} -
.content-2 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 24px;font-style: normal;font-weight: 500;letter-spacing: normal;line-height: 80px;text-transform: none;color: #1F2667;} -
.content-3 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 16px;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: normal;text-transform: none;color: #1F2667;} -
.content-4 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;font-size: 16px;font-style: normal;font-weight: 600;letter-spacing: normal;line-height: normal;text-transform: none;color: #1F2667;} -
Work Sans is available from Font Squirrel and Google Web Fonts.
Try this combination out in Pair and Compare.
-
Found by @mikesten on 22 Mar 2018.
Liked by:
@mikesten @gtfemy @joema25 @Davistbro @mishapivo @AmaliaShacharr
