feat: add geist

solidjs · May 21, 2024 · 298ec27 · 298ec27
1 parent 61e18d8
commit 298ec27
Show file tree

Hide file tree

Showing 13 changed files with 66 additions and 0 deletions.
diff --git a/docs/app.tsx b/docs/app.tsx
@@ -13,6 +13,7 @@ import { Hero } from "~/components/sections/hero";
 import { MetaFramework } from "~/components/sections/meta-framework";
 import { RockSolidDX } from "~/components/sections/rock-solid-dx";
 import { TopNav } from "~/components/sections/top-nav";
+import "./fonts.css";
 import "./root.css";
 
 function getServerCookies() {

diff --git a/docs/fonts.css b/docs/fonts.css
@@ -0,0 +1,60 @@
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-Light.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-SemiBold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-Bold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "GeistMono";
+  src: url("/fonts/GeistMono-Regular.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "GeistMono";
+  src: url("/fonts/GeistMono-Medium.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "GeistMono";
+  src: url("/fonts/GeistMono-SemiBold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "GeistMono";
+  src: url("/fonts/GeistMono-Bold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+:root {
+  --font-geist: "Geist", sans-serif;
+  --font-geist-mono: "GeistMono", monospace;
+}
diff --git a/public/fonts/Geist-Bold.woff2 b/public/fonts/Geist-Bold.woff2
diff --git a/public/fonts/Geist-Light.woff2 b/public/fonts/Geist-Light.woff2
diff --git a/public/fonts/Geist-Medium.woff2 b/public/fonts/Geist-Medium.woff2
diff --git a/public/fonts/Geist-Regular.woff2 b/public/fonts/Geist-Regular.woff2
diff --git a/public/fonts/Geist-SemiBold.woff2 b/public/fonts/Geist-SemiBold.woff2
diff --git a/public/fonts/GeistMono-Bold.woff2 b/public/fonts/GeistMono-Bold.woff2
diff --git a/public/fonts/GeistMono-Medium.woff2 b/public/fonts/GeistMono-Medium.woff2
diff --git a/public/fonts/GeistMono-Regular.woff2 b/public/fonts/GeistMono-Regular.woff2
diff --git a/public/fonts/GeistMono-SemiBold.woff2 b/public/fonts/GeistMono-SemiBold.woff2
diff --git a/public/fonts/Inter-Regular.woff2 b/public/fonts/Inter-Regular.woff2
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -7,6 +7,11 @@ export default {
   presets: [solidUi],
   theme: {
     extend: {
+      fontFamily: {
+        sans: "var(--font-geist)",
+        display: ["var(--font-geist)", { fontFeatureSettings: '"ss01"' }],
+        mono: "var(--font-geist-mono)"
+      },
       keyframes: {
         "accordion-down": {
           from: { height: "0" },