@font-face {
    font-family: 'TeX Gyre Heros';
    src: url('./woff2/texgyreheros-regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'TeX Gyre Heros';
    src: url('./woff2/texgyreheros-bold.woff2') format('woff2');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'TeX Gyre Heros';
    src: url('./woff2/texgyreheros-italic.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'TeX Gyre Heros';
    src: url('./woff2/texgyreheros-bolditalic.woff2') format('woff2');
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'TeX Gyre Heros Condensed';
    src: url('./woff2/texgyreheroscn-regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'TeX Gyre Heros Condensed';
    src: url('./woff2/texgyreheroscn-bold.woff2') format('woff2');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'TeX Gyre Heros Condensed';
    src: url('./woff2/texgyreheroscn-italic.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'TeX Gyre Heros Condensed';
    src: url('./woff2/texgyreheroscn-bolditalic.woff2') format('woff2');
    font-style: italic;
    font-weight: 700;
}