/* assets/css/fonts/roboto.css */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
         url('../fonts/roboto/Roboto-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/roboto/Roboto-Italic.woff2') format('woff2'),
         url('../fonts/roboto/Roboto-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
         url('../fonts/roboto/Roboto-Bold.woff') format('woff');
}

/* В CSS использовать только доступные начертания */
body {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400; /* обычный */
}

strong, b {
    font-weight: 700; /* жирный */
}

em, i {
    font-style: italic; /* курсив */
}