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

@font-face {
  font-family: "Segoe UI";
  src: url(../fonts/SegoeUIBold.woff2) format('woff2'),
       url(../fonts/SegoeUIBold.woff) format('woff'),
       url(../fonts/SegoeUIBold.ttf)  format('truetype'),
       url(../fonts/SegoeUIBold.eot)  format('eot');
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: "Segoe UI";
  src: url(../fonts/SegoeUISemiBold.woff2) format('woff2'),
       url(../fonts/SegoeUISemiBold.woff) format('woff'),
       url(../fonts/SegoeUISemiBold.ttf)  format('truetype'),
       url(../fonts/SegoeUISemiBold.eot)  format('eot');
  font-style: normal;
  font-display: swap;
  font-weight: 600;
}

@font-face {
  font-family: "Segoe UI";
  src: url(../fonts/SegoeUIItalic.woff2) format('woff2'),
       url(../fonts/SegoeUIItalic.woff) format('woff'),
       url(../fonts/SegoeUIItalic.ttf)  format('truetype'),
       url(../fonts/SegoeUIItalic.eot)  format('eot');
  font-style: italic;
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: "Segoe UI";
  src: url(../fonts/SegoeUILight.woff2) format('woff2'),
       url(../fonts/SegoeUILight.woff) format('woff'),
       url(../fonts/SegoeUILight.ttf)  format('truetype'),
       url(../fonts/SegoeUILight.eot)  format('eot');
  font-style: normal;
  font-display: swap;
  font-weight: 300;
}