biru-codeastromer
diff --git a/‎web/app/fonts/JosefinSans-Light.ttf‎
56.5 KB b/‎web/app/fonts/JosefinSans-Light.ttf‎
56.5 KB
diff --git a/‎web/app/fonts/JosefinSans-Medium.ttf‎
56.5 KB b/‎web/app/fonts/JosefinSans-Medium.ttf‎
56.5 KB
diff --git a/‎web/app/fonts/JosefinSans-Regular.ttf‎
56.5 KB b/‎web/app/fonts/JosefinSans-Regular.ttf‎
56.5 KB
diff --git a/‎web/app/fonts/JosefinSans-SemiBold.ttf‎
56.5 KB b/‎web/app/fonts/JosefinSans-SemiBold.ttf‎
56.5 KB
diff --git a/‎web/app/fonts/YesevaOne-Regular.ttf‎
101 KB b/‎web/app/fonts/YesevaOne-Regular.ttf‎
101 KB
diff --git a/‎web/app/globals.css‎
Lines changed: 6 additions & 4 deletions b/‎web/app/globals.css‎
Lines changed: 6 additions & 4 deletions
diff --git a/‎web/app/layout.tsx‎
Lines changed: 16 additions & 6 deletions b/‎web/app/layout.tsx‎
Lines changed: 16 additions & 6 deletions
@@ -32,6 +32,8 @@ html {
 
 body {
   margin: 0;
+  font-weight: 400;
+  letter-spacing: 0.005em;
   color: var(--ink);
   background:
     linear-gradient(to right, transparent 80px, rgba(185, 174, 195, 0.45) 80px, rgba(185, 174, 195, 0.45) 81px, transparent 81px, transparent calc(100% - 81px), rgba(185, 174, 195, 0.45) calc(100% - 81px), rgba(185, 174, 195, 0.45) calc(100% - 80px), transparent calc(100% - 80px)),
@@ -104,8 +106,8 @@ a {
   gap: 10px;
   font-family: var(--font-serif);
   font-size: 18px;
-  font-style: italic;
-  font-weight: 500;
+  font-style: normal;
+  font-weight: 400;
   letter-spacing: 0.01em;
   color: var(--muted);
 }
@@ -121,8 +123,8 @@ a {
 
 .brand-accent {
   font-family: var(--font-serif);
-  font-style: italic;
-  font-weight: 600;
+  font-style: normal;
+  font-weight: 400;
 }
 
 .button-primary {
 
@@ -1,16 +1,26 @@
 import type { Metadata } from "next";
-import { Cormorant_Garamond, IBM_Plex_Mono, Manrope } from "next/font/google";
+import localFont from "next/font/local";
+import { IBM_Plex_Mono } from "next/font/google";
 
 import { Nav } from "@/components/nav";
 import { Providers } from "@/components/providers";
 import { SiteFooter } from "@/components/site-footer";
 import "./globals.css";
 
-const manrope = Manrope({ subsets: ["latin"], variable: "--font-sans" });
-const cormorant = Cormorant_Garamond({
-  subsets: ["latin"],
+const josefinSans = localFont({
+  src: [
+    { path: "./fonts/JosefinSans-Light.ttf", weight: "300", style: "normal" },
+    { path: "./fonts/JosefinSans-Regular.ttf", weight: "400", style: "normal" },
+    { path: "./fonts/JosefinSans-Medium.ttf", weight: "500", style: "normal" },
+    { path: "./fonts/JosefinSans-SemiBold.ttf", weight: "600", style: "normal" }
+  ],
+  variable: "--font-sans",
+  display: "swap"
+});
+const yesevaOne = localFont({
+  src: [{ path: "./fonts/YesevaOne-Regular.ttf", weight: "400", style: "normal" }],
   variable: "--font-serif",
-  weight: ["400", "500", "600", "700"]
+  display: "swap"
 });
 const plexMono = IBM_Plex_Mono({ subsets: ["latin"], variable: "--font-mono", weight: ["400", "500"] });
 
@@ -51,7 +61,7 @@ export const metadata: Metadata = {
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" className={`${manrope.variable} ${cormorant.variable} ${plexMono.variable}`}>
+    <html lang="en" className={`${josefinSans.variable} ${yesevaOne.variable} ${plexMono.variable}`}>
       <body className="font-[var(--font-sans)] text-[var(--ink)]">
         <Providers>
           <Nav />