@mixin font-inconsolata($weight) {
  @font-face {
    font-family: 'Inconsolata';
    font-display: swap;
    font-weight: $weight;
    src: local('Inconsolata'),
         url('../fonts/Inconsolata-VariableFont_wdth,wght.ttf');
  }
}

@mixin font-lora {
  @font-face {
    font-family: 'Lora';
    font-display: swap;
    src: local('Lora'),
         url('../fonts/Lora-VariableFont_wght.ttf'),
         url('../fonts/Lora-Italic-VariableFont_wght.ttf');
  }
}

@mixin font-raleway($weight) {
  @font-face {
    font-family: 'Raleway';
    font-display: swap;
    font-weight: $weight;
    src: local('Raleway'),
         url('../fonts/Raleway-VariableFont_wght.ttf'),
         url('../fonts/Raleway-Italic-VariableFont_wght.ttf');
  }
}

@mixin font-stixgeneral {
  @font-face {
    font-family: 'STIXGeneral';
    font-display: swap;
    src: local('STIXGeneral-Regular'),
         url('../fonts/STIXGeneral-Regular.ttf');
  }
}

@include font-inconsolata(400);
@include font-inconsolata(700);
@include font-lora();
@include font-raleway(400);
@include font-raleway(700);
@include font-stixgeneral();