/* 100 / Hairline */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(Jost-100-Hairline.woff2) format("woff2"),
         url(Jost-100-Hairline.woff) format("woff"),
         url(Jost-100-Hairline.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(Jost-100-HairlineItalic.woff2) format("woff2"),
         url(Jost-100-HairlineItalic.woff) format("woff"),
         url(Jost-100-HairlineItalic.ttf) format("truetype");
}

/* 200 / Thin */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(Jost-200-Thin.woff2) format("woff2"),
         url(Jost-200-Thin.woff) format("woff"),
         url(Jost-200-Thin.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(Jost-200-ThinItalic.woff2) format("woff2"),
         url(Jost-200-ThinItalic.woff) format("woff"),
         url(Jost-200-ThinItalic.ttf) format("truetype");
}

/* 300 / Light */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(Jost-300-Light.woff2) format("woff2"),
         url(Jost-300-Light.woff) format("woff"),
         url(Jost-300-Light.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(Jost-300-LightItalic.woff2) format("woff2"),
         url(Jost-300-LightItalic.woff) format("woff"),
         url(Jost-300-LightItalic.ttf) format("truetype");
}

/* 400 / Book */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(Jost-400-Book.woff2) format("woff2"),
         url(Jost-400-Book.woff) format("woff"),
         url(Jost-400-Book.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(Jost-400-BookItalic.woff2) format("woff2"),
         url(Jost-400-BookItalic.woff) format("woff"),
         url(Jost-400-BookItalic.ttf) format("truetype");
}

/* 500 / Medium */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(Jost-500-Medium.woff2) format("woff2"),
         url(Jost-500-Medium.woff) format("woff"),
         url(Jost-500-Medium.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(Jost-500-MediumItalic.woff2) format("woff2"),
         url(Jost-500-MediumItalic.woff) format("woff"),
         url(Jost-500-MediumItalic.ttf) format("truetype");
}

/* 600 / Semi */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(Jost-600-Semi.woff2) format("woff2"),
         url(Jost-600-Semi.woff) format("woff"),
         url(Jost-600-Semi.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(Jost-600-SemiItalic.woff2) format("woff2"),
         url(Jost-600-SemiItalic.woff) format("woff"),
         url(Jost-600-SemiItalic.ttf) format("truetype");
}

/* 700 / Bold */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(Jost-700-Bold.woff2) format("woff2"),
         url(Jost-700-Bold.woff) format("woff"),
         url(Jost-700-Bold.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(Jost-700-BoldItalic.woff2) format("woff2"),
         url(Jost-700-BoldItalic.woff) format("woff"),
         url(Jost-700-BoldItalic.ttf) format("truetype");
}

/* 800 / Heavy */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(Jost-800-Heavy.woff2) format("woff2"),
         url(Jost-800-Heavy.woff) format("woff"),
         url(Jost-800-Heavy.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(Jost-800-HeavyItalic.woff2) format("woff2"),
         url(Jost-800-HeavyItalic.woff) format("woff"),
         url(Jost-800-HeavyItalic.ttf) format("truetype");
}

/* 900 / Black */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(Jost-900-Black.woff2) format("woff2"),
         url(Jost-900-Black.woff) format("woff"),
         url(Jost-900-Black.ttf) format("truetype");
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(Jost-900-BlackItalic.woff2) format("woff2"),
         url(Jost-900-BlackItalic.woff) format("woff"),
         url(Jost-900-BlackItalic.ttf) format("truetype");
}