@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), url(./OpenSans-Regular.ttf) format('truetype');
}  

@font-face {
    font-family: 'OpenSans-Bold';
    src: local('OpenSans-Bold'), url(./OpenSans-Bold.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: local('OpenSans-BoldItalic'), url(./OpenSans-BoldItalic.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: local('OpenSans-ExtraBold'), url(./OpenSans-ExtraBold.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: local('OpenSans-ExtraBoldItalic'), url(./OpenSans-ExtraBoldItalic.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSans-Italic';
    src: local('OpenSans-Italic'), url(./OpenSans-Italic.ttf) format('truetype');
}  

@font-face {
    font-family: 'OpenSans-Light';
    src: local('OpenSans-Light'), url(./OpenSans-Light.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSans-LightItalic';
    src: local('OpenSans-LightItalic'), url(./OpenSans-LightItalic.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: local('OpenSans-SemiBold'), url(./OpenSans-SemiBold.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSans-SemiBoldItalic';
    src: local('OpenSans-SemiBoldItalic'), url(./OpenSans-SemiBoldItalic.ttf) format('truetype');
}  

@font-face {
    font-family: 'OpenSansCondensed-Bold';
    src: local('OpenSansCondensed-Bold'), url(./OpenSansCondensed-Bold.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSansCondensed-Light';
    src: local('OpenSansCondensed-Light'), url(./OpenSansCondensed-Light.ttf) format('truetype');
}  
  
@font-face {
    font-family: 'OpenSansCondensed-LightItalic';
    src: local('OpenSansCondensed-LightItalic'), url(./OpenSansCondensed-LightItalic.ttf) format('truetype');
}