diff --git a/css/modules/_var.scss b/css/modules/_var.scss
index 18aac84..8051f42 100644
--- a/css/modules/_var.scss
+++ b/css/modules/_var.scss
@@ -1,8 +1,8 @@
 :root{
-    --font: 'Akkurat Std', sans-serif;
-    --font-serif: 'Edgar', sans-serif;
-    --font-title: 'Allium Rounded', sans-serif;
-    --font-sans: 'Allium Rounded', sans-serif;
+    --font: 'Moulin', sans-serif;
+    --font-serif: 'Moulin', sans-serif;
+    --font-title: 'Louize', sans-serif;
+    --font-sans: 'Basis Grotesque Pro', sans-serif;
     --font-size: 11px;
     --fs-small: 8.5px;
     --fs-num: 14px;
diff --git a/index.html b/index.html
index 1ab3c5e..ddfe0fd 100644
--- a/index.html
+++ b/index.html
@@ -7,12 +7,9 @@
     <title>CSS Page Weaver Example</title>
     <script src="/csspageweaver/main.js" type="module"></script>
 
-    <link rel="stylesheet" href="/fonts/Edgar/stylesheet.css">
-    <link rel="stylesheet" href="/fonts/Heliotrope/stylesheet.css">
-    <link rel="stylesheet" href="/fonts/HeliotropeCaps/stylesheet.css">
-    <link rel="stylesheet" href="/fonts/Prensa/stylesheet.css">
-    <link rel="stylesheet" href="/fonts/AlliumRounded/stylesheet.css">
-        <link rel="stylesheet" href="/fonts/Akkurat/stylesheet.css">
+    <link rel="stylesheet" href="/fonts/Moulin/stylesheet.css">
+    <link rel="stylesheet" href="/fonts/BasisGrotesquePro/stylesheet.css">
+    <link rel="stylesheet" href="/fonts/Louize/stylesheet.css">
 
 </head>