@font-face {
    font-family: "Barlow";
    font-style: italic;
    font-weight: 100;
    src: url("Barlow-italic-100.svg") format("svg"),
         url("Barlow-italic-100.ttf") format("truetype"),
         url("Barlow-italic-100.woff") format("woff"),
         url("Barlow-italic-100.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: italic;
    font-weight: 500;
    src: url("Barlow-italic-500.svg") format("svg"),
         url("Barlow-italic-500.ttf") format("truetype"),
         url("Barlow-italic-500.woff") format("woff"),
         url("Barlow-italic-500.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: italic;
    font-weight: 600;
    src: url("Barlow-italic-600.svg") format("svg"),
         url("Barlow-italic-600.ttf") format("truetype"),
         url("Barlow-italic-600.woff") format("woff"),
         url("Barlow-italic-600.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: italic;
    font-weight: 900;
    src: url("Barlow-italic-900.svg") format("svg"),
         url("Barlow-italic-900.ttf") format("truetype"),
         url("Barlow-italic-900.woff") format("woff"),
         url("Barlow-italic-900.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: italic;
    font-weight: bold;
    src: url("Barlow-italic-bold.svg") format("svg"),
         url("Barlow-italic-bold.ttf") format("truetype"),
         url("Barlow-italic-bold.woff") format("woff"),
         url("Barlow-italic-bold.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: italic;
    font-weight: normal;
    src: url("Barlow-italic-normal.svg") format("svg"),
         url("Barlow-italic-normal.ttf") format("truetype"),
         url("Barlow-italic-normal.woff") format("woff"),
         url("Barlow-italic-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 100;
    src: url("Barlow-normal-100.svg") format("svg"),
         url("Barlow-normal-100.ttf") format("truetype"),
         url("Barlow-normal-100.woff") format("woff"),
         url("Barlow-normal-100.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 500;
    src: url("Barlow-normal-500.svg") format("svg"),
         url("Barlow-normal-500.ttf") format("truetype"),
         url("Barlow-normal-500.woff") format("woff"),
         url("Barlow-normal-500.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 600;
    src: url("Barlow-normal-600.svg") format("svg"),
         url("Barlow-normal-600.ttf") format("truetype"),
         url("Barlow-normal-600.woff") format("woff"),
         url("Barlow-normal-600.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 900;
    src: url("Barlow-normal-900.svg") format("svg"),
         url("Barlow-normal-900.ttf") format("truetype"),
         url("Barlow-normal-900.woff") format("woff"),
         url("Barlow-normal-900.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: bold;
    src: url("Barlow-normal-bold.svg") format("svg"),
         url("Barlow-normal-bold.ttf") format("truetype"),
         url("Barlow-normal-bold.woff") format("woff"),
         url("Barlow-normal-bold.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: normal;
    src: url("Barlow-normal-normal.svg") format("svg"),
         url("Barlow-normal-normal.ttf") format("truetype"),
         url("Barlow-normal-normal.woff") format("woff"),
         url("Barlow-normal-normal.woff2") format("woff2");
}