Crimson with Helvetica in action on startupsthisishowdesignworks.com

Under the hood

  • .header-1 { font-family: 'Crimson Text', serif; font-size: 31px; font-style: normal; font-weight: normal; letter-spacing: -1px; line-height: normal; text-transform: none; color: #000000; }
  • .content-1 { font-family: 'Crimson Text', serif; font-size: 16px; font-style: italic; font-weight: bold; letter-spacing: normal; line-height: 19px; text-transform: none; color: #414141; }
  • .content-2 { font-family: 'Crimson Text', serif; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-transform: none; color: #6A6A6A; }
  • .content-3 { font-family: 'Crimson Text', serif; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-transform: none; color: #6A6A6A; }
  • .content-4 { font-family: 'Crimson Text', serif; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-transform: none; color: #6A6A6A; }
  • .content-5 { font-family: Helvetica, arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; text-transform: none; color: #FFFFFF; background-color: #ED1C24; }

Crimson is available from Font Squirrel, Google Web Fonts, Open Font Library and Typekit.

Helvetica is available from Fonts.com and MyFonts.

Close