inter.css

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 100;
  src: url("font-files/Inter-UI-Thin.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-Thin.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 100;
  src: url("font-files/Inter-UI-ThinItalic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-ThinItalic.woff?v=3.2") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 200;
  src: url("font-files/Inter-UI-ExtraLight.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-ExtraLight.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 200;
  src: url("font-files/Inter-UI-ExtraLightItalic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-ExtraLightItalic.woff?v=3.2") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 300;
  src: url("font-files/Inter-UI-Light.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-Light.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 300;
  src: url("font-files/Inter-UI-LightItalic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-LightItalic.woff?v=3.2") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 400;
  src: url("font-files/Inter-UI-Regular.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-Regular.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 400;
  src: url("font-files/Inter-UI-Italic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-Italic.woff?v=3.2") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 500;
  src: url("font-files/Inter-UI-Medium.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-Medium.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 500;
  src: url("font-files/Inter-UI-MediumItalic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-MediumItalic.woff?v=3.2") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 600;
  src: url("font-files/Inter-UI-SemiBold.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-SemiBold.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 600;
  src: url("font-files/Inter-UI-SemiBoldItalic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-SemiBoldItalic.woff?v=3.2") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 700;
  src: url("font-files/Inter-UI-Bold.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-Bold.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 700;
  src: url("font-files/Inter-UI-BoldItalic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-BoldItalic.woff?v=3.2") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 800;
  src: url("font-files/Inter-UI-ExtraBold.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-ExtraBold.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 800;
  src: url("font-files/Inter-UI-ExtraBoldItalic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-ExtraBoldItalic.woff?v=3.2") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 900;
  src: url("font-files/Inter-UI-Black.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-Black.woff?v=3.2") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 900;
  src: url("font-files/Inter-UI-BlackItalic.woff2?v=3.2") format("woff2"),
       url("font-files/Inter-UI-BlackItalic.woff?v=3.2") format("woff");
}

/* --------------------------------------------------------------------------
Single variable font.
Note that you may want to do something like this to make sure you're serving
constant fonts to older browsers:
html {
  font-family: 'Inter UI', sans-serif;
}
@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter UI var', sans-serif;
  }
}
BUGS:
- Safari 12.0 will default to italic instead of regular when font-weight
  is provided in a @font-face declaration.
  Workaround: Use "Inter UI var alt" for Safari, or explicitly set
  `font-variation-settings:"slnt" DEGREE`.
*/
@font-face {
  font-family: 'Inter UI var';
  font-weight: 100 900;
  font-style: oblique 0deg 10deg;
  src: url("font-files/Inter-UI.var.woff2?v=3.2") format("woff2-variations"),
       url("font-files/Inter-UI.var.woff2?v=3.2") format("woff2");
}

/* --------------------------------------------------------------------------
"Inter UI var alt" is recommended for Safari and Edge, for reliable italics.
@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter UI var alt', sans-serif;
  }
}
*/
@font-face {
  font-family: 'Inter UI var alt';
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("font-files/Inter-UI-upright.var.woff2?v=3.2") format("woff2 supports variations(gvar)"),
       url("font-files/Inter-UI-upright.var.woff2?v=3.2") format("woff2-variations"),
       url("font-files/Inter-UI-upright.var.woff2?v=3.2") format("woff2");
}
@font-face {
  font-family: 'Inter UI var alt';
  font-weight: 100 900;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url("font-files/Inter-UI-italic.var.woff2?v=3.2") format("woff2 supports variations(gvar)"),
       url("font-files/Inter-UI-italic.var.woff2?v=3.2") format("woff2-variations"),
       url("font-files/Inter-UI-italic.var.woff2?v=3.2") format("woff2");
}