PT Serif with Source Sans Pro in action on zomato.com

Under the hood

  • .header-1 { font-family: "PT Serif", Georgia; font-size: 33px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 43px; text-transform: none; color: #33373D; }
  • .header-2 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 19px; text-transform: none; color: #33373D; }
  • .header-3 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 19px; text-transform: none; color: #33373D; }
  • .content-1 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-transform: none; color: #222D3D; }
  • .content-2 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; text-transform: none; color: #7B8489; }
  • .content-3 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; text-transform: none; color: #FFFFFF; }
  • .content-4 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 18px; text-transform: none; }
  • .content-5 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 19px; text-transform: none; color: #099E44; }
  • .content-6 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 19px; text-transform: uppercase; color: #89959B; }
  • .content-7 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-transform: none; color: #33373D; }
  • .content-8 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-transform: none; color: #89959B; }

PT Serif is available from Adobe Fonts, Font Squirrel, Fonts.com, Fontspring, Google Web Fonts, MyFonts, Typekit and YouWorkForThem.

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

Close