@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(./300/ubuntu-300.woff2) format('woff2'),
                        url(./300/ubuntu-300.woff) format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(./300italic/ubuntu-300italic.woff2) format('woff2'),
                        url(./300italic/ubuntu-300italic.woff) format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./regular/ubuntu-regular.woff2) format('woff2'),
                        url(./regular/ubuntu-regular.woff) format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(./italic/ubuntu-italic.woff2) format('woff2'),
                        url(./italic/ubuntu-italic.woff) format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./500/ubuntu-500.woff2) format('woff2'),
                        url(./500/ubuntu-500.woff) format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(./500italic/ubuntu-500italic.woff2) format('woff2'),
                        url(./500italic/ubuntu-500italic.woff) format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./700/ubuntu-700.woff2) format('woff2'),
                        url(./700/ubuntu-700.woff) format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(./700italic/ubuntu-700italic.woff2) format('woff2'),
                        url(./700italic/ubuntu-700italic.woff) format('woff');
}