@font-face {
    font-family: 'Open Sans';
    font-display: fallback;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url('../fonts/open-sans/subset-OpenSans-BoldItalic.woff2') format('woff2'),
    url('../fonts/open-sans/subset-OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    font-display: fallback;
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans/subset-OpenSans-Regular.woff2') format('woff2'),
    url('../fonts/open-sans/subset-OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    font-display: fallback;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
    url('../fonts/open-sans/subset-OpenSans-ExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/open-sans/subset-OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-display: fallback;
    src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
    url('../fonts/open-sans/subset-OpenSans-CondensedBold.woff2') format('woff2'),
    url('../fonts/open-sans/subset-OpenSans-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* noto-serif-700italic - latin */
@font-face {
    font-family: 'Noto Serif';
    font-display: fallback;
    font-style: italic;
    font-weight: 700;
    src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'),
    url('../fonts/noto-serif/noto-serif-v7-latin-ext-700italic.woff2') format('woff2'),
    url('../fonts/noto-serif/subset-NotoSerif-BoldItalic.woff') format('woff2');
}