@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light'), local('OpenSans-Light'), url('opensanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans'), local('OpenSans'), url('opensans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Medium'), local('OpenSans-Medium'), url('opensansmedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('opensanssemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('opensansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('opensansextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald'), local('Oswald'), url('oswald.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}