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

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

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

@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-lora();
@include font-raleway(400);
@include font-raleway(700);
@include font-stixgeneral();