@font-face {
    font-family: 'Roboto-Regular';
    /* src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype'); */
    /* src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype'); */
    /* src: url('../fonts/roboto/Roboto-LightItalic.ttf') format('truetype'); */
    /* src: url('../fonts/roboto/Roboto-Thin.ttf') format('truetype'); */
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'LibreBaskerville';
    /* src: url('../fonts/librebaskerville/LibreBaskerville-Bold.ttf') format('truetype'); */
    /* src: url('../fonts/librebaskerville/LibreBaskerville-Italic.ttf') format('truetype'); */
    src: url('../fonts/librebaskerville/LibreBaskerville-Regular.ttf') format('truetype');
    font-display: swap;
}

h1 {
    font-family: 'LibreBaskerville', serif;
}

/* Example usage */
body {
    font: 1rem/1.5 'Roboto-Regular', sans-serif;
    text-rendering: optimizelegibility;
}