@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-Regular.otf');
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-Bold.otf');
  font-weight: bold;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-It.otf');
  font-style: italic;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-BoldIt.otf');
  font-weight: bold;
  font-style: italic;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-Semibold.otf');
  font-weight: 800;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-Semibold.otf');
  font-weight: 700;
  font-style: italic;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-Black.otf');
  font-weight: 900;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-BlackIt.otf');
  font-weight: 900;
  font-style: italic;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-Light.otf');
  font-weight: 200;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-LightIt.otf');
  font-style: italic;
  font-weight: 200;
}

@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-ExtraLight.otf');
  font-weight: 100;
}
@font-face
{ font-family: SansPro;
  src: url('sans-pro/SourceSansPro-ExtraLightIt.otf');
  font-style: italic;
  font-weight: 100;
}