@font-face {
  font-family: 'OpenSans';
  src:  url('OpenSans-Regular.ttf')  format('truetype'), url('opensans-regular-webfont.woff') format('woff');
  font-weight:normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src:  url('OpenSans-SemiBold.ttf')  format('truetype'), url('opensans-semibold-webfont.woff') format('woff');
  font-weight: 300;
  font-style: 300;
}
@font-face {
  font-family: 'OpenSans';
  src:  url('OpenSans-Bold.ttf')  format('truetype'), url('opensans-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: bold;
}





@font-face {
  font-family: 'OpenSans-Light';
  src:  url('OpenSans-Light.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-ExtraBold';
  src:  url('OpenSans-ExtraBold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}