@font-face {
    font-family: 'font1';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'font1i';
    src: url('../fonts/OpenSans-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'font2';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'font2i';
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'font3';
    src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'font3i';
    src: url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'font4';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'font4i';
    src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'font5';
    src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'font5i';
    src: url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}