@font-face{ 
    font-family: 'Jost';
    font-weight: 100;

    src: url('Jost-Thin.ttf') format('truetype')
}
@font-face{ 
    font-family: 'Jost';
    font-weight: 200;

    src: url('Jost-ExtraLight.ttf') format('truetype')
}
@font-face{ 
    font-family: 'Jost';
    font-weight: 300;

    src: url('Jost-Light.ttf') format('truetype')
}
@font-face{ 
    font-family: 'Jost';
    font-weight: 400;

    src: url('Jost-Regular.ttf') format('truetype')
}
@font-face{ 
    font-family: 'Jost';
    font-weight: 500;

    src: url('Jost-Medium.ttf') format('truetype')
}
@font-face{ 
    font-family: 'Jost';
    font-weight: 600;

    src: url('Jost-SemiBold.ttf') format('truetype')
}
@font-face{ 
    font-family: 'Jost';
    font-weight: 700;

    src: url('Jost-Bold.ttf') format('truetype')
}
@font-face{ 
    font-family: 'Jost';
    font-weight: 800;

    src: url('Jost-ExtraBold.ttf') format('truetype')
}
@font-face{ 
    font-family: 'Jost';
    font-weight: 900;

    src: url('Jost-Balck.ttf') format('truetype')
}