@font-face {
    font-family: 'thesans';
    src: url('thesans-5regular.woff2') format('woff2'), url('thesans-5regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thesans';
    src: url('thesans-6semiboldcaps.woff2') format('woff2'), url('thesans-6semiboldcaps.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'thesans';
    src: url('thesans-8extrabold.woff2') format('woff2'), url('thesans-8extrabold.woff2') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'thesans';
    src: url('thesans-b8extrabold.woff2') format('woff2'), url('thesans-b8extrabold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'thesans';
    src: url('thesans-b9black.woff2') format('woff2'), url('thesans-b9black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'thesans';
    src: url('thesans-9blackcaps.woff2') format('woff2'), url('thesans-9blackcaps.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'theserif';
    src: url('theserif-b5regular.woff2') format('woff2'), url('theserif-b5regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'theserif';
    src: url('theserif-b5regularitalic.woff2') format('woff2'), url('theserif-b5regularitalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'theserif';
    src: url('theserif-b8extrabold.woff2') format('woff2'), url('theserif-b8extrabold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'theserif';
    src: url('theserif-b8extrabolditalic.woff2') format('woff2'), url('theserif-b8extrabolditalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}