/*-- Roboto self-hosted font definitions --*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto/roboto-latin-300-normal.woff2') format('woff2'), url('fonts/roboto/roboto-latin-300-normal.woff') format('woff');
}

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

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

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

/* Usage example */
body {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    /* other styles as needed */
}

h1, h2 {
    font-weight: 700;
}