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

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


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

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


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

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


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

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


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

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


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

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