@font-face {
     font-family: 'Clear Sans';
     src: url('../fonts/ClearSans-Light.eot');
     src: local('Clear Sans Light'), local('ClearSans-Light'),
         url('../fonts/ClearSans-Light.eot#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans-Light.woff') format('woff'),
         url('../fonts/ClearSans-Light.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
}
 
 @font-face {
     font-family: 'Clear Sans';
     src: url('../fonts/ClearSans.eot');
     src: local('Clear Sans'), local('ClearSans'),
         url('../fonts/ClearSans.eot#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans.woff') format('woff'),
         url('../fonts/ClearSans.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
}
 
 @font-face {
     font-family: 'Clear Sans';
     src: url('../fonts/ClearSans-Italic.eot');
     src: local('Clear Sans Italic'), local('ClearSans-Italic'),
         url('../fonts/ClearSans-Italic.eot#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans-Italic.woff') format('woff'),
         url('../fonts/ClearSans-Italic.ttf') format('truetype');
     font-weight: normal;
     font-style: italic;
}
 
 @font-face {
     font-family: 'Clear Sans';
     src: url('../fonts/ClearSans-Thin.eot');
     src: local('Clear Sans Thin'), local('ClearSans-Thin'),
         url('../fonts/ClearSans-Thin.eot#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans-Thin.woff') format('woff'),
         url('../fonts/ClearSans-Thin.ttf') format('truetype');
     font-weight: 100;
     font-style: normal;
}
 
 @font-face {
     font-family: 'Clear Sans';
     src: url('../fonts/ClearSans-MediumItalic.eot');
     src: local('Clear Sans Medium Italic'), local('ClearSans-MediumItalic'),
         url('../fonts/ClearSans-MediumItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans-MediumItalic.woff') format('woff'),
         url('../fonts/ClearSans-MediumItalic.ttf') format('truetype');
     font-weight: 500;
     font-style: italic;
}
 
 @font-face {
     font-family: 'Clear Sans';
     src: url('../fonts/ClearSans-Medium.eot');
     src: local('Clear Sans Medium'), local('ClearSans-Medium'),
         url('../fonts/ClearSans-Medium.eot#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans-Medium.woff') format('woff'),
         url('../fonts/ClearSans-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
}
 
 @font-face {
     font-family: 'Clear Sans';
     src: url('../fonts/ClearSans-BoldItalic.eot');
     src: local('Clear Sans Bold Italic'), local('ClearSans-BoldItalic'),
         url('../fonts/ClearSans-BoldItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans-BoldItalic.woff') format('woff'),
         url('../fonts/ClearSans-BoldItalic.ttf') format('truetype');
     font-weight: bold;
     font-style: italic;
}
 
 @font-face {
     font-family: 'Clear Sans';
     src: url('../fonts/ClearSans-Bold.eot');
     src: local('Clear Sans Bold'), local('ClearSans-Bold'),
         url('../fonts/ClearSans-Bold.eot#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans-Bold.woff') format('woff'),
         url('../fonts/ClearSans-Bold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
}