add fonts

2025-05-31 14:54:05 +03:30
parent d81d32fe4b
commit 51c3457068
17 changed files with 52 additions and 30 deletions
@@ -1,26 +1,58 @@
@import "tailwindcss";

-:root {
-  --background: #ffffff;
-  --foreground: #171717;
+@font-face {
+  font-family: 'Manrope';
+  src: url('/fonts/manrope/manrope-cyrillic-200-normal.woff2') format('woff2'),
+       url('/fonts/manrope/manrope-cyrillic-200-normal.woff') format('woff');
+  font-weight: 200;
+  font-style: normal;
 }

-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
+
+@font-face {
+  font-family: 'Manrope';
+  src: url('/fonts/manrope/manrope-cyrillic-300-normal.woff2') format('woff2'),
+       url('/fonts/manrope/manrope-cyrillic-300-normal.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Manrope';
+  src: url('/fonts/manrope/manrope-cyrillic-400-normal.woff2') format('woff2'),
+       url('/fonts/manrope/manrope-cyrillic-400-normal.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Manrope';
+  src: url('/fonts/manrope/manrope-cyrillic-500-normal.woff2') format('woff2'),
+       url('/fonts/manrope/manrope-cyrillic-500-normal.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Manrope';
+  src: url('/fonts/manrope/manrope-cyrillic-600-normal.woff2') format('woff2'),
+       url('/fonts/manrope/manrope-cyrillic-600-normal.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Manrope';
+  src: url('/fonts/manrope/manrope-cyrillic-700-normal.woff2') format('woff2'),
+       url('/fonts/manrope/manrope-cyrillic-700-normal.woff') format('woff');
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Manrope';
+  src: url('/fonts/manrope/manrope-cyrillic-800-normal.woff2') format('woff2'),
+       url('/fonts/manrope/manrope-cyrillic-800-normal.woff') format('woff');
+  font-weight: 800;
+  font-style: normal;
 }

-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
+* {

-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: 'Manrope';
 }
@@ -1,16 +1,6 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";

-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});

 export const metadata: Metadata = {
  title: "Create Next App",
@@ -25,7 +15,7 @@ export default function RootLayout({
  return (
    <html lang="en">
      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        
      >
        {children}
      </body>
@@ -2,7 +2,7 @@ import Image from "next/image";

 export default function Home() {
  return (
-    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
+    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 ">
      <main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
        <Image
          className="dark:invert"