@font-face {
    font-family: "Franklin Gothic";
    font-display: swap;
    src: url("Franklin-Gothic-Book-400.woff2");
    src: local("Franklin-Gothic-Book-400"), local("Franklin-Gothic-Book-400"),
    url("Franklin-Gothic-Book-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Franklin Gothic";
    font-display: swap;
    src: url("Franklin-Gothic-Book-400-italic.woff2");
    src: local("Franklin-Gothic-Book-400-italic"), local("Franklin-Gothic-Book-400-italic"),
    url("Franklin-Gothic-Book-400-italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Franklin Gothic";
    font-display: swap;
    src: url("Franklin-Gothic-Medium-500.woff2");
    src: local("Franklin-Gothic-Medium-500"), local("Franklin-Gothic-Medium-500"),
    url("Franklin-Gothic-Medium-500.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Franklin Gothic";
    font-display: swap;
    src: url("Franklin-Gothic-500-italic.woff2");
    src: local("Franklin-Gothic-500-italic"), local("Franklin-Gothic-500-italic"),
    url("Franklin-Gothic-500-italic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Franklin Gothic";
    font-display: swap;
    src: url("Franklin-Gothic-Demi-600.woff2");
    src: local("Franklin-Gothic-Demi-600"), local("Franklin-Gothic-Demi-600"),
    url("Franklin-Gothic-Demi-600.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}