@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-SemiBold';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-semibold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-bolditalic.ttf) format('truetype');
}


@font-face {
    font-family: 'Roboto-Black';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-black.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-blackitalic.ttf) format('truetype');
}


@font-face {
    font-family: 'Roboto-Medium';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-medium.ttf) format('truetype');
}


@font-face {
    font-family: 'Roboto-MediumItalic';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-mediumitalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-Italic';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/roboto-italic.ttf) format('truetype');
}

@font-face {
    font-family: 'BodoniModa';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/bodonimoda-variablefont.ttf) format('truetype');
}

@font-face {
    font-family: 'BodoniModa';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/bodonimoda-variablefont.ttf) format('truetype');
}


@font-face {
    font-family: 'BodoniModa-Bold';
    font-style: normal;
    font-weight: 400;
    src: url(../ttf/bodonimoda-bold.ttf) format('truetype');
}