@supports not (font-variation-settings: normal) {
    @font-face {
        font-family: 'Commissioner';
        src: url('/fonts/Commissioner/web/Commissioner-Bold.woff2') format('woff2'),
            url('/fonts/Commissioner/web/Commissioner-Bold.woff') format('woff');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Commissioner';
        src: url('/fonts/Commissioner/web/Commissioner-Medium.woff2') format('woff2'),
            url('/fonts/Commissioner/web/Commissioner-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Commissioner';
        src: url('/fonts/Commissioner/web/Commissioner-Regular.woff2') format('woff2'),
            url('/fonts/Commissioner/web/Commissioner-Regular.woff') format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }




}

@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'Commissioner';
        src: url('/fonts/Commissioner/variable/Commissioner-variable.woff2');
        font-weight: 100 1000;
        font-stretch: 25% 151%;
    }
}