@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-light.otf") format("opentype");
}

@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-light-italic.otf") format("opentype");
}

@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-regular.otf") format("opentype");
}

@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-medium.otf") format("opentype");
}

@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-medium-italic.otf") format("opentype");
}

@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-bold.otf") format("opentype");
}

@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-bold-italic.otf") format("opentype");
}

@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-black.otf") format("opentype");
}

@font-face {
    font-family: "Franklin Gothic ATF";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("./ATFFranklinGothic/franklin-gothic-atf-black-italic.otf") format("opentype");
}