/* ---- 200 ---- */
@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-ExtraLightOblique.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

/* ---- 300 ---- */
@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-LightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* ---- 400 ---- */
@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-Oblique.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* ---- 500 ---- */
@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* ---- 700 ---- */
@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-BoldOblique.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* ---- 800 ---- */
@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./Avenir-ExtraBoldOblique.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}