@font-face {
    font-family: Thesans-extralight;
    src: url(fonts/thesans-extralight.ttf) format('truetype'); 
 }
 
  @font-face {
    font-family: Thesans-light;
    src: url(fonts/thesans-light.ttf) format('truetype'); 
 }
 
  @font-face {
    font-family: Thesans-semilight;
    src: url(fonts/thesans-semilight.ttf) format('truetype'); 
 }
 
  @font-face {
    font-family: TheSans-regular;
    src: url(fonts/thesans-regular.ttf) format('truetype'); 
 }
 
  @font-face {
    font-family: TheSans-regular-italic;
    src: url(fonts/thesans-plain-italic.ttf) format('truetype'); 
 }
 
  @font-face {
    font-family: TheSans-semibold;
    src: url(fonts/thesans-semibold.ttf) format('truetype'); 
 }
 
  @font-face {
    font-family: TheSans-bold;
    src: url(fonts/thesans-bold.ttf) format('truetype'); 
 }
 
  @font-face {
    font-family: TheSans-bold-italic;
    src: url(fonts/thesans-bold-italic.ttf) format('truetype'); 
 }
 
  @font-face {
    font-family: TheSans-extrabold;
    src: url(fonts/thesans-extrabold.ttf) format('truetype'); 
 }
 
   @font-face {
    font-family: TheSans-black;
    src: url(fonts/thesans-black.ttf) format('truetype'); 
 }