Change font to variable Maple Mono because better

diff --git a/app/assets/MapleMono-Italic[wght]-VF.woff2 b/app/assets/MapleMono-Italic[wght]-VF.woff2
new file mode 100644 (file)
index 0000000..791ac2e
Binary files /dev/null and b/app/assets/MapleMono-Italic[wght]-VF.woff2 differ

diff --git a/app/assets/MapleMono[wght]-VF.woff2 b/app/assets/MapleMono[wght]-VF.woff2
new file mode 100644 (file)
index 0000000..5f2b30e
Binary files /dev/null and b/app/assets/MapleMono[wght]-VF.woff2 differ

diff --git a/app/style.css b/app/style.css
index 884c9e41a78dfed74938af7fb406a0012b8bddc4..0b88e0b157230a351e03bb9b1c8675fe4f5a4030 100644 (file)
--- a/app/style.css
+++ b/app/style.css
@@ -1,3 +1,15 @@
+@font-face {
+  font-family: "Maple Mono";
+  src: url("./assets/MapleMono[wght]-VF.woff2") format("woff2-variations");
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Maple Mono";
+  src: url("./assets/MapleMono-Italic[wght]-VF.woff2") format("woff2-variations");
+  font-style: italic;
+}
+
 :root {
   color-scheme: light dark;
 
@@ -14,7 +26,7 @@ body {
   align-items: center;
   color: var(--text-primary);
   background-color: var(--background-primary);
-  font-family: Arial;
+  font-family: Maple Mono;
   
   --text-primary: var(--tp);
   --background-primary: var(--bp);
@@ -187,6 +199,7 @@ button {
   background-color: var(--background-secondary);
   border: unset;
   border-radius: var(--border-radius-outer);
+  font-family: inherit;
   width: 100%;
   display: flex;
   align-items: center;