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

@font-face {
  font-family: 'circe-reg';
  src: url('circe/Circe-Regular.eot');
  src: 
       url('circe/Circe-Regular.woff') format('woff'),
       url('circe/Circe-Regular.ttf') format('truetype'),
       url('circe/Circe-Regular.svg#Circe-Regular') format('svg'),
       url('circe/Circe-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'circe-extrabold';
  src: url('circe/Circe-ExtraBold.eot');
  src: 
       url('circe/Circe-ExtraBold.woff') format('woff'),
       url('circe/Circe-ExtraBold.ttf') format('truetype'),
       url('circe/Circe-ExtraBold.svg#Circe-ExtraBold') format('svg'),
       url('circe/Circe-ExtraBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}