DIN, Helvetica Neue with Merriweather in action on adioso.com

• .header-1 { font-family: Merriweather; font-size: 36px; font-style: normal; font-weight: normal; letter-spacing: -1px; line-height: 54px; text-transform: none; color: #434343; }
• .content-1 { font-family: DinLight; font-size: 22px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 33px; text-transform: none; color: #575757; }
• .content-2 { font-family: DinLight; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: none; }
• .content-3 { font-family: DinMedium; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: uppercase; color: #3F89E4; background-color: #C0C0C0; }
• .content-4 { font-family: DinMedium; font-size: 10px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: uppercase; color: #254975; }
• .content-5 { font-family: DinMedium; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: normal; text-transform: uppercase; }
• .content-6 { font-family: 'Helvetica Neue', helvetica, arial, sans-serif; font-size: 22px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: normal; text-transform: none; color: #3982DB; }
• .content-7 { font-family: merriweather; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: normal; text-transform: none; color: #FFFFFF; }

DIN is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts, Typekit and YouWorkForThem.

Helvetica Neue is available from Adobe Fonts.

Merriweather is available from Adobe Fonts, Font Squirrel, Google Web Fonts and Typekit.