@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../open-sans-family/open-sans-family-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../open-sans-family/open-sans-family-300.woff') format('woff'), /* Modern Browsers */
        url('../open-sans-family/open-sans-family-300.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../open-sans-family/open-sans-family-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../open-sans-family/open-sans-family-regular.woff') format('woff'), /* Modern Browsers */
        url('../open-sans-family/open-sans-family-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../open-sans-family/open-sans-family-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../open-sans-family/open-sans-family-600.woff') format('woff'), /* Modern Browsers */
        url('../open-sans-family/open-sans-family-600.ttf') format('truetype'); /* Safari, Android, iOS */
}