templates/src/lib/scss/_fonts.scss

@@ -1,29 +1,27 @@
 @use "~/node_modules/@fontsource/nunito/scss/mixins" as Nunito;
 @use "~/node_modules/@fontsource/arimo/scss/mixins" as Arimo;
 
-$weights: 300, 400, 500, 600, 700;
-
-@each $weight in $weights {
-  @include Nunito.fontFace(
-    $weight: $weight,
+@include Nunito.faces(
+  $weights: (
+    300,
+    400,
+    500,
+    600,
+    700,
+  ),
   $display: auto,
-    $style: normal,
-    $fontDir: "npm:@fontsource/nunito/files"
+  $styles: (
+    normal,
+    italic,
+  ),
+  $directory: "npm:@fontsource/nunito/files"
 );
 
-  @include Nunito.fontFace(
-    $weight: $weight,
+@include Arimo.faces(
+  $weights: 400,
   $display: auto,
-    $style: italic,
-    $fontDir: "npm:@fontsource/nunito/files"
-  );
-}
-
-@include Arimo.fontFace(
-  $weight: 400,
-  $display: auto,
-  $style: normal,
-  $fontDir: "npm:@fontsource/arimo/files"
+  $styles: normal,
+  $directory: "npm:@fontsource/arimo/files"
 );
 
 // Hack *does* come with its own CSS, but it's broken and hasn't seen