@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(./200italic/titillium-web-200italic.woff2) format('woff2'),
                        url(./200italic/titillium-web-200italic.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(./200/titillium-web-200.woff2) format('woff2'),
                        url(./200/titillium-web-200.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(./300/titillium-web-300.woff2) format('woff2'),
                        url(./300/titillium-web-300.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./regular/titillium-web-regular.woff2) format('woff2'),
                        url(./regular/titillium-web-regular.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(./300italic/titillium-web-300italic.woff2) format('woff2'),
                        url(./300italic/titillium-web-300italic.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(./italic/titillium-web-italic.woff2) format('woff2'),
                        url(./italic/titillium-web-italic.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./600/titillium-web-600.woff2) format('woff2'),
                        url(./600/titillium-web-600.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(./600italic/titillium-web-600italic.woff2) format('woff2'),
                        url(./600italic/titillium-web-600italic.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./700/titillium-web-700.woff2) format('woff2'),
                        url(./700/titillium-web-700.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(./700italic/titillium-web-700italic.woff2) format('woff2'),
                        url(./700italic/titillium-web-700italic.woff) format('woff');
}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(./900/titillium-web-900.woff2) format('woff2'),
                        url(./900/titillium-web-900.woff) format('woff');
}