@font-face {
    font-family: 'Segoe UI Light';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Segoe UI Light'),
         url('/fonts/segoe-ui-light.woff') format('woff'),
         url('/fonts/segoe-ui-light.ttf') format('truetype');
}

@font-face {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Segoe UI Light'),
         url('/fonts/segoe-ui-light.woff') format('woff'),
         url('/fonts/segoe-ui-light.ttf') format('truetype');
}

@font-face {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Segoe UI'),
         url('/fonts/segoe-ui.woff') format('woff'),
         url('/fonts/segoe-ui.ttf') format('truetype');
}

@font-face {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Segoe UI Bold'), local('Segoe UI'),
         url('/fonts/segoe-ui-bold.woff') format('woff'),
         url('/fonts/segoe-ui-bold.ttf') format('truetype');
}