@font-face {
  font-family: 'SourceSansPro';
  src: url('sourcesanspro-extralight.eot');
  src: url('sourcesanspro-extralight.eot?#iefix') format('embedded-opentype'),
       url('sourcesanspro-extralight.woff') format('woff'),
       url('sourcesanspro-extralight.ttf') format('truetype'),
       url('sourcesanspro-extralight.svg#SourceSansProExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro';
  src: url('sourcesanspro-light.eot');
  src: url('sourcesanspro-light.eot?#iefix') format('embedded-opentype'),
       url('sourcesanspro-light.woff') format('woff'),
       url('sourcesanspro-light.ttf') format('truetype'),
       url('sourcesanspro-light.svg#SourceSansPro') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro';
  src: url('sourcesanspro-regular.eot');
  src: url('sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
       url('sourcesanspro-regular.woff') format('woff'),
       url('sourcesanspro-regular.ttf') format('truetype'),
       url('sourcesanspro-regular.svg#SourceSansPro') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro';
  src: url('sourcesanspro-semibold.eot');
  src: url('sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'),
       url('sourcesanspro-semibold.woff') format('woff'),
       url('sourcesanspro-semibold.ttf') format('truetype'),
       url('sourcesanspro-semibold.svg#SourceSansPro') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro';
  src: url('sourcesanspro-bold.eot');
  src: url('sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),
       url('sourcesanspro-bold.woff') format('woff'),
       url('sourcesanspro-bold.ttf') format('truetype'),
       url('sourcesanspro-bold.svg#SourceSansPro') format('svg');
  font-weight: 700;
  font-style: normal;
}