@font-face {
    font-family: SBSansDisplayLight;
    src: url("../fonts/light/SBSansDisplay-Light.woff"),
        url("../fonts/light/SBSansDisplay-Light.woff2");
}

@font-face {
    font-family: SBSansTextLight;
    src: url("../fonts/light/SBSansText-Light.woff"),
        url("../fonts/light/SBSansDisplay-Light.woff2");
}

@font-face {
    font-family: SBSansTextRegular;
    src: url("../fonts/regular/SBSansText-Regular.woff"),
        url("../fonts/regular/SBSansText-Regular.woff2");
}

@font-face {
    font-family: SBSansTextMedium;
    src: url("../fonts/medium/SBSansText-Medium.woff"),
        url("../fonts/medium/SBSansText-Medium.woff2");
}

/* legacy font-faces */
@font-face {
    font-family: SBSansText;
    font-weight: 300;
    src: url("../fonts/light/SBSansText-Light.woff"),
        url("../fonts/light/SBSansDisplay-Light.woff2");
}

@font-face {
    font-family: SBSansText;
    font-weight: 400;
    src: url("../fonts/regular/SBSansText-Regular.woff"),
        url("../fonts/regular/SBSansText-Regular.woff2");
}


@font-face {
    font-family: SBSansText;
    font-weight: 500;
    src: url("../fonts/medium/SBSansText-Medium.woff"),
        url("../fonts/medium/SBSansText-Medium.woff2");
}


@font-face {
    font-family: SBSansText;
    font-weight: 600;
    src: url("../fonts/semibold/SBSansText-SemiBold.woff"),
        url("../fonts/semibold/SBSansText-SemiBold.woff2");
}

@font-face {
    font-family: SBSansDisplay;
    font-weight: 300;
    src: url("../fonts/light/SBSansDisplay-Light.woff"),
        url("../fonts/light/SBSansDisplay-Light.woff2");
}

@font-face {
    font-family: SBSansDisplay;
    font-weight: 400;
    src: url("../fonts/medium/SBSansText-Medium.woff"),
        url("../fonts/medium/SBSansText-Medium.woff2");
}

@font-face {
    font-family: SBSansDisplay;
    font-weight: 600;
    src: url("../fonts/semibold/SBSansDisplay-SemiBold.woff"),
        url("../fonts/semibold/SBSansText-SemiBold.woff2");
}