@font-face {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 300;
    src: local('Segoe UI Light'), local('SegoeUI-Light'), url(../fonts/SegoeUI.ttf) format('ttf');
}
@font-face {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 400;
    src: local('Segoe UI'), local('SegoeUI'), url(../fonts/SegoeUI.ttf) format('ttf');
}
@font-face {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 600;
    src: local('Segoe UI Semibold'), local('SegoeUI-Semibold'), url(../fonts/SegoeUI.ttf) format('ttf');
}
@font-face {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 700;
    src: local('Segoe UI Bold'), local('SegoeUI-Bold'), url(../fonts/SegoeUIBold.ttf) format('ttf');
}
@font-face {
    font-family: 'Segoe UI';
    font-style: italic;
    font-weight: 400;
    src: local('Segoe UI Italic'), local('SegoeUI-Italic'), url(../fonts/SegoeUIItalic.ttf) format('ttf');
}