enfrancais-app/src/assets/scss/fonts/_redaction.scss

$location: '~@/assets/fonts/redaction';
$font-name: 'Redaction';
$font-slug: 'redaction';
$font-styles: (
  (normal, 400),
  (italic, 400),
  (normal, 700),
);

@each $style, $weight in $font-styles {
  @font-face {
    font-family: $font-name;
    font-style: $style;
    font-display: swap;
    font-weight: $weight;
    src: url('#{$location}/#{$font-slug}-#{$weight}-#{$style}.woff2') format('woff2');
  }
}

@font-face {
  font-family: $font-name;
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url('#{$location}/#{$font-slug}-400-italic.woff2') format('woff2');
}