@font-face {
    font-family: 'Area Inktrap Trial';
    src: url('AreaNormalTest/AreaInktrapTrial-Regular.woff2') format('woff2'),
        url('AreaNormalTest/AreaInktrapTrial-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Inktrap Trial Hairline';
    src: url('AreaNormalTest/AreaInktrapTrial-Hairline.woff2') format('woff2'),
        url('AreaNormalTest/AreaInktrapTrial-Hairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Inktrap Trial';
    src: url('AreaNormalTest/AreaInktrapTrial-LightItalic.woff2') format('woff2'),
        url('AreaNormalTest/AreaInktrapTrial-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Inktrap Trial';
    src: url('AreaNormalTest/AreaInktrapTrial-Bold.woff2') format('woff2'),
        url('AreaNormalTest/AreaInktrapTrial-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Inktrap Trial';
    src: url('AreaNormalTest/AreaInktrapTrial-Medium.woff2') format('woff2'),
        url('AreaNormalTest/AreaInktrapTrial-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial';
    src: url('AreaNormalTest/AreaNormalTrial-Extralight.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial';
    src: url('AreaNormalTest/AreaNormalTrial-Bold.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial';
    src: url('AreaNormalTest/AreaNormalTrial-BlackItalic.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial';
    src: url('AreaNormalTest/AreaNormalTrial-ExtraboldItalic.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-ExtraboldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial';
    src: url('AreaNormalTest/AreaNormalTrial-Black.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial Hairline';
    src: url('AreaNormalTest/AreaNormalTrial-Hairline.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-Hairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial';
    src: url('AreaNormalTest/AreaNormalTrial-Extrabold.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-Extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Inktrap Trial';
    src: url('AreaNormalTest/AreaInktrapTrial-RegularItalic.woff2') format('woff2'),
        url('AreaNormalTest/AreaInktrapTrial-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial Extrablack';
    src: url('AreaNormalTest/AreaNormalTrial-Extrablack.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-Extrablack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial';
    src: url('AreaNormalTest/AreaNormalTrial-BoldItalic.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Inktrap Trial';
    src: url('AreaNormalTest/AreaInktrapTrial-Semibold.woff2') format('woff2'),
        url('AreaNormalTest/AreaInktrapTrial-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial';
    src: url('AreaNormalTest/AreaNormalTrial-ExtralightItalic.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-ExtralightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Inktrap Trial';
    src: url('AreaNormalTest/AreaInktrapTrial-ThinItalic.woff2') format('woff2'),
        url('AreaNormalTest/AreaInktrapTrial-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal Trial Extrablack';
    src: url('AreaNormalTest/AreaNormalTrial-ExtrablackItalic.woff2') format('woff2'),
        url('AreaNormalTest/AreaNormalTrial-ExtrablackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-BoldItalic.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-ExtraBold.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-ExtraBoldItalic.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-Black.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-BlackItalic.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-Bold.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-Regular.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-ThinItalic.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-RegularItalic.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-SemiBoldItalic.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-SemiBold.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('AreaNormal/AreaNormal-Thin.woff2') format('woff2'),
        url('AreaNormal/AreaNormal-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}