@font-face {
    font-family: 'InterRegular';
    src: url('InterRegular.eot');
    src: url('InterRegular.eot') format('embedded-opentype'),
         url('InterRegular.woff2') format('woff2'),
         url('InterRegular.woff') format('woff'),
         url('InterRegular.ttf') format('truetype'),
         url('InterRegular.svg#InterRegular') format('svg');
}

@font-face {
    font-family: 'InterBold';
    src: url('InterBold.eot');
    src: url('InterBold.eot') format('embedded-opentype'),
         url('InterBold.woff2') format('woff2'),
         url('InterBold.woff') format('woff'),
         url('InterBold.ttf') format('truetype'),
         url('InterBold.svg#InterBold') format('svg');
}

@font-face {
    font-family: 'InterLightBETA';
    src: url('InterLightBETA.eot');
    src: url('InterLightBETA.eot') format('embedded-opentype'),
         url('InterLightBETA.woff2') format('woff2'),
         url('InterLightBETA.woff') format('woff'),
         url('InterLightBETA.ttf') format('truetype'),
         url('InterLightBETA.svg#InterLightBETA') format('svg');
}

@font-face {
    font-family: 'InterMedium';
    src: url('InterMedium.eot');
    src: url('InterMedium.eot') format('embedded-opentype'),
         url('InterMedium.woff2') format('woff2'),
         url('InterMedium.woff') format('woff'),
         url('InterMedium.ttf') format('truetype'),
         url('InterMedium.svg#InterMedium') format('svg');
}

@font-face {
    font-family: 'InterExtraLightBETA';
    src: url('InterExtraLightBETA.eot');
    src: url('InterExtraLightBETA.eot') format('embedded-opentype'),
         url('InterExtraLightBETA.woff2') format('woff2'),
         url('InterExtraLightBETA.woff') format('woff'),
         url('InterExtraLightBETA.ttf') format('truetype'),
         url('InterExtraLightBETA.svg#InterExtraLightBETA') format('svg');
}