@font-face{
  font-family: 'OpenSans';
  src: url('OpenSans-Regular.eot?v=1');
  src: url('OpenSans-Regular.eot?#iefix&v=1') format('embedded-opentype'), 
       url('OpenSans-Regular.woff?v=1') format('woff'),
       url('OpenSans-Regular.ttf?v=1') format('truetype'),
       url('OpenSans-Regular.svg?v=1') format('svg');
}

@font-face{
  font-family: 'OpenSans-Light';
  src: url('OpenSans-Light.eot?v=1');
  src: url('OpenSans-Light?#iefix&v=1') format('embedded-opentype'), 
       url('OpenSans-Light.woff?v=1') format('woff'),
       url('OpenSans-Light.ttf?v=1') format('truetype'),
       url('OpenSans-Light.svg?v=1') format('svg');
}

@font-face{
  font-family: 'OpenSans-Bold';
  src: url('OpenSans-Bold.eot?v=1');
  src: url('OpenSans-Bold?#iefix&v=1') format('embedded-opentype'), 
       url('OpenSans-Bold.woff?v=1') format('woff'),
       url('OpenSans-Bold.ttf?v=1') format('truetype'),
       url('OpenSans-Bold.svg?v=1') format('svg');
}

@font-face{
  font-family: 'OpenSans-ExtraBold';
  src: url('OpenSans-ExtraBold.eot?v=1');
  src: url('OpenSans-ExtraBold?#iefix&v=1') format('embedded-opentype'), 
       url('OpenSans-ExtraBold.woff?v=1') format('woff'),
       url('OpenSans-ExtraBold.ttf?v=1') format('truetype'),
       url('OpenSans-ExtraBold.svg?v=1') format('svg');
}