/* Headings */

@supports not (font-variation-settings: normal) {
    /* outfit-200 - latin */
    @font-face {
        font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 200;
        src: url('outfit-v11-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('outfit-v11-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }

    /* outfit-regular - latin */
    @font-face {
        font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        src: url('outfit-v11-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('outfit-v11-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }

    /* outfit-600 - latin */
    @font-face {
        font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        src: url('outfit-v11-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('outfit-v11-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }

    /* outfit-700 - latin */
    @font-face {
        font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 700;
        src: url('outfit-v11-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('outfit-v11-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }

}

@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'Outfit';
        src: url('Outfit-VariableFont_wght.ttf') format('truetype-variations'),
             /* will be the standard and works in Safari now */
             url('Outfit-VariableFont_wght.ttf') format('truetype');
             /* for the other supporting browsers */
      }
}

/* Base typeface */

@supports not (font-variation-settings: normal) {
    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        font-style: normal;
        font-display: swap;
        font-weight: 200;
        src: local(''), url('AtkinsonHyperlegibleNext-ExtraLight.woff2') format('woff2'), url('AtkinsonHyperlegibleNext-ExtraLight.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        font-style: italic;
        font-display: swap;
        font-weight: 200;
        src: local(''), url('AtkinsonHyperlegibleNext-ExtraLightItalic.woff2') format('woff2'), url('AtkinsonHyperlegibleNext-ExtraLightItalic.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        font-style: normal;
        font-display: swap;
        font-weight: 400;
        src: local(''), url('AtkinsonHyperlegibleNext-Regular.woff2') format('woff2'), url('AtkinsonHyperlegibleNext-Regular.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        font-style: italic;
        font-display: swap;
        font-weight: 400;
        src: local(''), url('AtkinsonHyperlegibleNext-RegularItalic.woff2') format('woff2'), url('AtkinsonHyperlegibleNext-RegularItalic.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        font-style: normal;
        font-display: swap;
        font-weight: 600;
        src: local(''), url('AtkinsonHyperlegibleNext-SemiBold.woff2') format('woff2'), url('AtkinsonHyperlegibleNext-SemiBold.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        font-style: italic;
        font-display: swap;
        font-weight: 600;
        src: local(''), url('AtkinsonHyperlegibleNext-SemiBoldItalic.woff2') format('woff2'), url('AtkinsonHyperlegibleNext-SemiBoldItalic.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        font-style: normal;
        font-display: swap;
        font-weight: 700;
        src: local(''), url('AtkinsonHyperlegibleNext-Bold.woff2') format('woff2'), url('AtkinsonHyperlegibleNext-Bold.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        font-style: italic;
        font-display: swap;
        font-weight: 700;
        src: local(''), url('AtkinsonHyperlegibleNext-BoldItalic.woff2') format('woff2'), url('AtkinsonHyperlegibleNext-BoldItalic.ttf') format('ttf');
    }
}

@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'Atkinson Hyperlegible Next';
        src: url('AtkinsonHyperlegibleNextVF-Variable.woff2') format('woff2-variations'),
             /* will be the standard and works in Safari now */
             url('AtkinsonHyperlegibleNextVF-Variable.woff2') format('woff2'),
             /* for the other supporting browsers */ url('AtkinsonHyperlegibleNextVF-Variable.ttf') format('truetype-variations'),
             /* will be the standard and works in Safari now */
             url('AtkinsonHyperlegibleNextVF-Variable.ttf') format('truetype');
             /* for the other supporting browsers */
      }
}

/* Code snippets */

@supports not (font-variation-settings: normal) {
    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        font-style: normal;
        font-display: swap;
        font-weight: 200;
        src: local(''), url('AtkinsonHyperlegibleMono-ExtraLight.woff2') format('woff2'), url('AtkinsonHyperlegibleMono-ExtraLight.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        font-style: italic;
        font-display: swap;
        font-weight: 200;
        src: local(''), url('AtkinsonHyperlegibleMono-ExtraLightItalic.woff2') format('woff2'), url('AtkinsonHyperlegibleMono-ExtraLightItalic.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        font-style: normal;
        font-display: swap;
        font-weight: 400;
        src: local(''), url('AtkinsonHyperlegibleMono-Regular.woff2') format('woff2'), url('AtkinsonHyperlegibleMono-Regular.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        font-style: italic;
        font-display: swap;
        font-weight: 400;
        src: local(''), url('AtkinsonHyperlegibleMono-RegularItalic.woff2') format('woff2'), url('AtkinsonHyperlegibleMono-RegularItalic.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        font-style: normal;
        font-display: swap;
        font-weight: 600;
        src: local(''), url('AtkinsonHyperlegibleMono-SemiBold.woff2') format('woff2'), url('AtkinsonHyperlegibleMono-SemiBold.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        font-style: italic;
        font-display: swap;
        font-weight: 600;
        src: local(''), url('AtkinsonHyperlegibleMono-SemiBoldItalic.woff2') format('woff2'), url('AtkinsonHyperlegibleMono-SemiBoldItalic.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        font-style: normal;
        font-display: swap;
        font-weight: 700;
        src: local(''), url('AtkinsonHyperlegibleMono-Bold.woff2') format('woff2'), url('AtkinsonHyperlegibleMono-Bold.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        font-style: italic;
        font-display: swap;
        font-weight: 700;
        src: local(''), url('AtkinsonHyperlegibleMono-BoldItalic.woff2') format('woff2'), url('AtkinsonHyperlegibleMono-BoldItalic.ttf') format('ttf');
    }
}

@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'Atkinson Hyperlegible Mono';
        src: url('AtkinsonHyperlegibleMonoVF-Variable.woff2') format('woff2-variations'),
             /* will be the standard and works in Safari now */
             url('AtkinsonHyperlegibleMonoVF-Variable.woff2') format('woff2'),
             /* for the other supporting browsers */ url('AtkinsonHyperlegibleMonoVF-Variable.ttf') format('truetype-variations'),
             /* will be the standard and works in Safari now */
             url('AtkinsonHyperlegibleMonoVF-Variable.ttf') format('truetype');
             /* for the other supporting browsers */
      }
}