@font-face {
    font-family: 'open-sans.bold';
    src: url('../../fonts/opensans-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.bolditalic';
    src: url('../../fonts/opensans-bolditalic.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.extrabold';
    src: url('../../fonts/opensans-extrabold.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.extrabolditalic';
    src: url('../../fonts/opensans-extrabolditalic.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.italic';
    src: url('../../fonts/opensans-italic.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.light';
    src: url('../../fonts/opensans-light.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.lightitalic';
    src: url('../../fonts/opensans-lightitalic.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.regular';
    src: url('../../fonts/opensans-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.semibold';
    src: url('../../fonts/opensans-semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'open-sans.semibolditalic';
    src: url('../../fonts/opensans-semibolditalic.ttf') format('truetype');
}