change font

onnenon · Apr 30, 2024 · eeaf327 · eeaf327
1 parent 12fd696
commit eeaf327
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 12 deletions.
diff --git a/dist/fonts/mononoki-Bold.woff2 b/dist/fonts/mononoki-Bold.woff2
diff --git a/dist/fonts/mononoki-Regular.woff2 b/dist/fonts/mononoki-Regular.woff2
diff --git a/dist/styles.css b/dist/styles.css
@@ -14,6 +14,26 @@
   font-style: normal;
 }
 
+@font-face {
+  font-family: "Mononoki";
+
+  src: url("fonts/mononoki-Regular.woff2") format("woff2");
+
+  font-weight: normal;
+
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Mononoki";
+
+  src: url("fonts/mononoki-Bold.woff2") format("woff2");
+
+  font-weight: bold;
+
+  font-style: normal;
+}
+
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 */
@@ -151,7 +171,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: Cascadia Code, monospace;
+  font-family: Mononoki, monospace;
   /* 1 */
   font-feature-settings: normal;
   /* 2 */
@@ -617,20 +637,12 @@ video {
   padding: .8em;
 }
 
-.pr-4{
-  padding-right: 1rem;
-}
-
-.pr-5{
-  padding-right: 1.25rem;
-}
-
 .pr-6{
   padding-right: 1.5rem;
 }
 
 .font-mono{
-  font-family: Cascadia Code, monospace;
+  font-family: Mononoki, monospace;
 }
 
 .text-\[14vw\]{

diff --git a/src/input.css b/src/input.css
@@ -9,6 +9,20 @@
   font-style: normal;
 }
 
+@font-face {
+  font-family: "Mononoki";
+  src: url("fonts/mononoki-Regular.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Mononoki";
+  src: url("fonts/mononoki-Bold.woff2") format("woff2");
+  font-weight: bold;
+  font-style: normal;
+}
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -6,8 +6,7 @@ module.exports = {
     fontFamily: {
       sans: ["Titillium Web, Open Sans", "sans-serif"],
       serif: ["Merriweather", "serif"],
-      mono: ["Cascadia Code", "monospace"],
-      // mono: ["Ubuntu Mono", "monospace"],
+      mono: ["Mononoki", "monospace"],
     },
     colors: {
       "prime-white": "#e6edf3",