@font-face {
    font-family: 'font';
    src: url('fonts/font.eot');
    src: url('fonts/font.eot') format('embedded-opentype'),
         url('fonts/font.woff2') format('woff2'),
         url('fonts/font.woff') format('woff'),
         url('fonts/font.ttf') format('truetype'),
         url('fonts/font.svg#font') format('svg');
}
@font-face {
    font-family: 'font-b';
    src: url('fonts/font-b.eot');
    src: url('fonts/font-b.eot') format('embedded-opentype'),
         url('fonts/font-b.woff2') format('woff2'),
         url('fonts/font-b.woff') format('woff'),
         url('fonts/font-b.ttf') format('truetype'),
         url('fonts/font-b.svg#font-b') format('svg');
}
@font-face {
    font-family: 'regular';
    src: url('fonts/regular.eot');
    src: url('fonts/regular.eot') format('embedded-opentype'),
         url('fonts/regular.woff2') format('woff2'),
         url('fonts/regular.woff') format('woff'),
         url('fonts/regular.ttf') format('truetype'),
         url('fonts/regular.svg#regular') format('svg');
}
@font-face {
    font-family: 'medium';
    src: url('fonts/medium.eot');
    src: url('fonts/medium.eot') format('embedded-opentype'),
         url('fonts/medium.woff2') format('woff2'),
         url('fonts/medium.woff') format('woff'),
         url('fonts/medium.ttf') format('truetype'),
         url('fonts/medium.svg#medium') format('svg');
}
@font-face {
    font-family: 'bold';
    src: url('fonts/bold.eot');
    src: url('fonts/bold.eot') format('embedded-opentype'),
         url('fonts/bold.woff2') format('woff2'),
         url('fonts/bold.woff') format('woff'),
         url('fonts/bold.ttf') format('truetype'),
         url('fonts/bold.svg#bold') format('svg');
}