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


@font-face {
     font-family: 'Calibri-Light';
     src: url('Calibri-Light.svg#Calibri-Light') format('svg'),
          url('Calibri-Light.ttf') format('truetype'),
          url('Calibri-Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'calibril';
     src: url('calibril.eot');
     src: url('calibril.eot?#iefix') format('embedded-opentype'),
          url('calibril.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'Calibri-Bold';
     src: url('Calibri-Bold.svg#Calibri-Bold') format('svg'),
          url('Calibri-Bold.ttf') format('truetype'),
          url('Calibri-Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'calibrib';
     src: url('calibrib.eot');
     src: url('calibrib.eot?#iefix') format('embedded-opentype'),
          url('calibrib.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
}



@font-face {
     font-family: 'Calibri-Italic';
     src: url('Calibri-Italic.eot') format('embedded-opentype');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'Calibri-Italic';
     src:  url('Calibri-Italic.woff') format('woff'), url('Calibri-Italic.ttf')  format('truetype'), url('Calibri-Italic.svg#Calibri-Italic') format('svg');
     font-weight: normal;
     font-style: normal;
}


   