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

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

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

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