@font-face { /* extra light */
  font-family: 'TheSans';
  font-weight: 100;
  font-style: normal;
  src: url('Extralight/thesans-extralight.eot'); /* IE up to 8 */
  src: url('Extralight/thesans-extralight.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Extralight/thesans-extralight.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* extra light italic */
  font-family: 'TheSans';
  font-weight: 100;
  font-style: italic;
  src: url('Extralight/thesans-extralight-italic.eot'); /* IE up to 8 */
  src: url('Extralight/thesans-extralight-italic.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Extralight/thesans-extralight-italic.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* light */
  font-family: 'TheSans';
  font-weight: 200;
  font-style: normal;
  src: url('Light/thesans-light.eot'); /* IE up to 8 */
  src: url('Light/thesans-light.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Light/thesans-light.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* light italic */
  font-family: 'TheSans';
  font-weight: 200;
  font-style: italic;
  src: url('Light/thesans-light-italic.eot'); /* IE up to 8 */
  src: url('Light/thesans-light-italic.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Light/thesans-light-italic.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* semi light */
  font-family: 'TheSans';
  font-weight: 300;
  font-style: normal;
  src: url('Semilight/thesans-semilight.eot'); /* IE up to 8 */
  src: url('Semilight/thesans-semilight.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Semilight/thesans-semilight.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* semi light italic */
  font-family: 'TheSans';
  font-weight: 300;
  font-style: italic;
  src: url('Semilight/thesans-semilight-italic.eot'); /* IE up to 8 */
  src: url('Semilight/thesans-semilight-italic.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Semilight/thesans-semilight-italic.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* plain */
  font-family: 'TheSans';
  font-weight: 400;
  font-style: normal;
  src: url('Plain/thesans-plain.eot'); /* IE up to 8 */
  src: url('Plain/thesans-plain.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Plain/thesans-plain.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* plain italic */
  font-family: 'TheSans';
  font-weight: 400;
  font-style: italic;
  src: url('Plain/thesans-plain-italic.eot'); /* IE up to 8 */
  src: url('Plain/thesans-plain-italic.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Plain/thesans-plain-italic.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* medium */
  font-family: 'TheSans';
  font-weight: 500;
  font-style: normal;
  src: url('Medium/thesans-medium.eot'); /* IE up to 8 */
  src: url('Medium/thesans-medium.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Medium/thesans-medium.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* medium italic */
  font-family: 'TheSans';
  font-weight: 500;
  font-style: italic;
  src: url('Medium/thesans-medium-italic.eot'); /* IE up to 8 */
  src: url('Medium/thesans-medium-italic.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Medium/thesans-medium-italic.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* semi bold */
  font-family: 'TheSans';
  font-weight: 600;
  font-style: normal;
  src: url('Semibold/thesans-semibold.eot'); /* IE up to 8 */
  src: url('Semibold/thesans-semibold.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Semibold/thesans-semibold.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* semi bold italic */
  font-family: 'TheSans';
  font-weight: 600;
  font-style: italic;
  src: url('Semibold/thesans-semibold-italic.eot'); /* IE up to 8 */
  src: url('Semibold/thesans-semibold-italic.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Semibold/thesans-semibold-italic.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* bold */
  font-family: 'TheSans';
  font-weight: 700;
  font-style: normal;
  src: url('Bold/thesans-bold.eot'); /* IE up to 8 */
  src: url('Bold/thesans-bold.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Bold/thesans-bold.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* bold italic */
  font-family: 'TheSans';
  font-weight: 700;
  font-style: italic;
  src: url('Bold/thesans-bold-italic.eot'); /* IE up to 8 */
  src: url('Bold/thesans-bold-italic.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Bold/thesans-bold-italic.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* black */
  font-family: 'TheSans';
  font-weight: 900;
  font-style: normal;
  src: url('Black/thesans-black.eot'); /* IE up to 8 */
  src: url('Black/thesans-black.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Black/thesans-black.woff') format('woff'); /* IE from 9, and other browsers */
}

@font-face { /* black italic */
  font-family: 'TheSans';
  font-weight: 900;
  font-style: italic;
  src: url('Black/thesans-black-italic.eot'); /* IE up to 8 */
  src: url('Black/thesans-black-italic.eot') format('embedded-opentype'), /* IE up to 8 */
       url('Black/thesans-black-italic.woff') format('woff'); /* IE from 9, and other browsers */
}