enfrancais-app/src/assets/scss/fonts/_noto-sans.scss

$location: '~@fontsource/noto-sans/files';
$font-name: 'Noto Sans';
$font-slug: 'noto-sans-latin';
$font-styles: (
  (normal, 400),
  (italic, 400),
  (normal, 700),
  (italic, 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'),
         url('#{$location}/#{$font-slug}-#{$weight}-#{$style}.woff') format('woff');
  }
}