diff --git a/src/lib/scss/_fonts.scss b/src/lib/scss/_fonts.scss
index 9cd6414..573a309 100644
--- a/src/lib/scss/_fonts.scss
+++ b/src/lib/scss/_fonts.scss
@@ -8,14 +8,14 @@ $weights: 300, 400, 500, 600, 700;
     $weight: $weight,
     $display: auto,
     $style: normal,
-    $fontDir: "~/node_modules/@fontsource/nunito/files"
+    $fontDir: "npm:@fontsource/nunito/files"
   );
 
   @include Nunito.fontFace(
     $weight: $weight,
     $display: auto,
     $style: italic,
-    $fontDir: "~/node_modules/@fontsource/nunito/files"
+    $fontDir: "npm:@fontsource/nunito/files"
   );
 }
 
@@ -23,7 +23,7 @@ $weights: 300, 400, 500, 600, 700;
   $weight: 400,
   $display: auto,
   $style: normal,
-  $fontDir: "~/node_modules/@fontsource/arimo/files"
+  $fontDir: "npm:@fontsource/arimo/files"
 );
 
 // Hack *does* come with its own CSS, but it's broken and hasn't seen
@@ -40,8 +40,8 @@ $variants:
   @font-face {
     font-family: "Hack";
     src:
-    url("~/node_modules/hack-font/build/web/fonts/hack-#{$name}-subset.woff2?sha=3114f1256") format("woff2"),
-    url("~/node_modules/hack-font/build/web/fonts/hack-#{$name}-subset.woff?sha=3114f1256") format("woff");
+    url("npm:hack-font/build/web/fonts/hack-#{$name}-subset.woff2?sha=3114f1256") format("woff2"),
+    url("npm:hack-font/build/web/fonts/hack-#{$name}-subset.woff?sha=3114f1256") format("woff");
     font-weight: $weight;
     font-style: $style;
   }