@font-face {
    font-family: opensans;
    src: url("../fonts/opensans/OpenSans-Light.ttf");
    font-weight: 300;
}
@font-face {
    font-family: opensans;
    src: url("../fonts/opensans/OpenSans-Regular.ttf");
    font-weight: 400;
}
@font-face {
    font-family: opensans;
    src: url("../fonts/opensans/OpenSans-Bold.ttf");
    font-weight: 700;
}

/*Dont load on IE or Edge*/
@supports(not(-ms-ime-align:auto)) {
    @font-face {
        font-family: opensans;
        src: url("../fonts/opensans/OpenSans-LightItalic.ttf");
        font-weight: 300;
        font-style: italic;
    }
    @font-face {
        font-family: opensans;
        src: url("../fonts/opensans/OpenSans-Italic.ttf");
        font-weight: 400;
        font-style: italic;
    }
    @font-face {
        font-family: opensans;
        src: url("../fonts/opensans/OpenSans-SemiBold.ttf");
        font-weight: 600;
    }
    @font-face {
        font-family: opensans;
        src: url("../fonts/opensans/OpenSans-SemiBoldItalic.ttf");
        font-weight: 600;
        font-style: italic;
    }
    @font-face {
        font-family: opensans;
        src: url("../fonts/opensans/OpenSans-BoldItalic.ttf");
        font-weight: 700;
        font-style: italic;
    }
    @font-face {
        font-family: opensans;
        src: url("../fonts/opensans/OpenSans-ExtraBold.ttf");
        font-weight: 800;
    }
    @font-face {
        font-family: opensans;
        src: url("../fonts/opensans/OpenSans-ExtraBoldItalic.ttf");
        font-weight: 800;
        font-style: italic;
    }
}