@supports (font-variation-settings: normal) {
  @font-face {
    font-family: 'Afacad Flux';
    src: url('AfacadFlux-VariableFont_slnt,wght.ttf') format("woff2-variations"),
         url('AfacadFlux-VariableFont_slnt,wght.ttf') format("woff2");
    font-weight: 400,700;
    font-style: normal;
  }
}

@supports not (font-variation-settings: normal) {
  @font-face {
    font-family: 'Afacad Flux';
    src: url('AfacadFlux-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Afacad Flux';
    src: url('AfacadFlux-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
}