@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Light"),
        url(/fonts/OpenSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Regular"),
        url(/fonts/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Medium"),
        url(/fonts/OpenSans-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Semi Bold"),
        url(/fonts/OpenSans-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Bold"),
        url(/fonts/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Extra Bold"),
        url(/fonts/OpenSans-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Light Italic"),
        url(/fonts/OpenSans-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Regular Italic"),
        url(/fonts/OpenSans-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Medium Italic"),
        url(/fonts/OpenSans-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Semi Bold Italic"),
        url(/fonts/OpenSans-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Bold Italic"),
        url(/fonts/OpenSans-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src:
        local("Open Sans Extra Bold Italic"),
        url(/fonts/OpenSans-ExtraBoldItalic.ttf) format("truetype");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}