@font-face {
    font-family: 'Noto Sans';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url(../resources/fonts/NotoSans-Regular.ttf) format('trueType');
}

@font-face {
    font-family: 'Noto Sans Bold';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url(../resources/fonts/NotoSans-SemiBold.ttf) format('trueType');
}

@font-face {
    font-family: 'Roboto 500';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url(../resources/fonts/Roboto-Medium.ttf) format('trueType');
}

@font-face {
    font-family: 'Roboto 400';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../resources/fonts/Roboto-Regular.ttf) format('trueType');
}

@font-face {
    font-family: 'Roboto Bold';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../resources/fonts/Roboto-Bold-3.ttf) format('trueType');
}