/* static/assets/css/fonts.css */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

@font-face {
    font-family: 'Roboto-regular';
    src: url('../fonts/blog/Roboto-Regular.woff2') format('woff2'),
         url('../fonts/blog/Roboto-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-bold';
    src: url('../fonts/blog/Roboto-Bold.woff2') format('woff2'),
         url('../fonts/blog/Roboto-Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-medium';
    src: url('../fonts/blog/Roboto-Medium.woff2') format('woff2'),
         url('../fonts/blog/Roboto-Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-italic';
    src: url('../fonts/blog/Roboto-Italic.woff2') format('woff2'),
         url('../fonts/blog/Roboto-Italic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather-Regular';
    src: url('../fonts/blog/Merriweather-Regular.woff2') format('woff2'),
         url('../fonts/blog/Merriweather-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather-Bold';
    src: url('../fonts/blog/Merriweather-Bold.woff2') format('woff2'),
         url('../fonts/blog/Merriweather-Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather-Italic';
    src: url('../fonts/blog/Merriweather-Italic.woff2') format('woff2'),
         url('../fonts/blog/Merriweather-Italic.ttf') format('truetype');
    font-display: swap;
}