@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');
}

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