Added support for fonts

yatish27 · Apr 19, 2024 · 0ca0982 · 0ca0982
1 parent 23ef557
commit 0ca0982
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 1 deletion.
diff --git a/app/frontend/fonts/dm_sans/DMSansItalicVF.ttf b/app/frontend/fonts/dm_sans/DMSansItalicVF.ttf
diff --git a/app/frontend/fonts/dm_sans/DMSansVF.ttf b/app/frontend/fonts/dm_sans/DMSansVF.ttf
diff --git a/app/frontend/fonts/fira_code/FiraCodeVF.ttf b/app/frontend/fonts/fira_code/FiraCodeVF.ttf
diff --git a/app/frontend/fonts/geist/GeistVariableVF.ttf b/app/frontend/fonts/geist/GeistVariableVF.ttf
diff --git a/app/frontend/stylesheets/base.css b/app/frontend/stylesheets/base.css
@@ -6,3 +6,33 @@
   - Default foreground, background, and link colors.
   - Global CSS variables (declared on :root), such as color palette.
 */
+
+@font-face {
+  font-family: "Geist";
+  src: url("@assets/fonts/geist/GeistVariableVF.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "DMSans";
+  src: url("@assets/fonts/dm_sans/DMSansVF.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: "FiraCode";
+  src: url("@assets/fonts/fira_code/FiraCodeVF.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: normal;
+}
+
+
+@layer base {
+  :root {
+    --font-sans: DMSans;
+    --font-mono: FiraCode;
+  }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,4 +1,5 @@
 /** @type {import('tailwindcss').Config} */
+const defaultTheme = require("tailwindcss/defaultTheme");
 
 export default {
   darkMode: ["class"],
@@ -12,7 +13,12 @@ export default {
     "./app/frontend/**/*.js",
   ],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        sans: ["var(--font-sans)", ...defaultTheme.fontFamily.sans],
+        mono: ["var(--font-mono)", ...defaultTheme.fontFamily.mono],
+      },
+    },
   },
   plugins: [],
 };