diff --git a/public/fonts/manrope/manrope-cyrillic-200-normal.woff b/public/fonts/manrope/manrope-cyrillic-200-normal.woff new file mode 100644 index 0000000..c1c8f54 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-200-normal.woff differ diff --git a/public/fonts/manrope/manrope-cyrillic-200-normal.woff2 b/public/fonts/manrope/manrope-cyrillic-200-normal.woff2 new file mode 100644 index 0000000..d5f17a4 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-200-normal.woff2 differ diff --git a/public/fonts/manrope/manrope-cyrillic-300-normal.woff b/public/fonts/manrope/manrope-cyrillic-300-normal.woff new file mode 100644 index 0000000..3394cb3 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-300-normal.woff differ diff --git a/public/fonts/manrope/manrope-cyrillic-300-normal.woff2 b/public/fonts/manrope/manrope-cyrillic-300-normal.woff2 new file mode 100644 index 0000000..d6a6b29 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-300-normal.woff2 differ diff --git a/public/fonts/manrope/manrope-cyrillic-400-normal.woff b/public/fonts/manrope/manrope-cyrillic-400-normal.woff new file mode 100644 index 0000000..b05492b Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-400-normal.woff differ diff --git a/public/fonts/manrope/manrope-cyrillic-400-normal.woff2 b/public/fonts/manrope/manrope-cyrillic-400-normal.woff2 new file mode 100644 index 0000000..e64035c Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-400-normal.woff2 differ diff --git a/public/fonts/manrope/manrope-cyrillic-500-normal.woff b/public/fonts/manrope/manrope-cyrillic-500-normal.woff new file mode 100644 index 0000000..f6a20c6 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-500-normal.woff differ diff --git a/public/fonts/manrope/manrope-cyrillic-500-normal.woff2 b/public/fonts/manrope/manrope-cyrillic-500-normal.woff2 new file mode 100644 index 0000000..e55bcb6 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-500-normal.woff2 differ diff --git a/public/fonts/manrope/manrope-cyrillic-600-normal.woff b/public/fonts/manrope/manrope-cyrillic-600-normal.woff new file mode 100644 index 0000000..18573f4 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-600-normal.woff differ diff --git a/public/fonts/manrope/manrope-cyrillic-600-normal.woff2 b/public/fonts/manrope/manrope-cyrillic-600-normal.woff2 new file mode 100644 index 0000000..ee7301f Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-600-normal.woff2 differ diff --git a/public/fonts/manrope/manrope-cyrillic-700-normal.woff b/public/fonts/manrope/manrope-cyrillic-700-normal.woff new file mode 100644 index 0000000..06dedac Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-700-normal.woff differ diff --git a/public/fonts/manrope/manrope-cyrillic-700-normal.woff2 b/public/fonts/manrope/manrope-cyrillic-700-normal.woff2 new file mode 100644 index 0000000..798b41f Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-700-normal.woff2 differ diff --git a/public/fonts/manrope/manrope-cyrillic-800-normal.woff b/public/fonts/manrope/manrope-cyrillic-800-normal.woff new file mode 100644 index 0000000..8bdd704 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-800-normal.woff differ diff --git a/public/fonts/manrope/manrope-cyrillic-800-normal.woff2 b/public/fonts/manrope/manrope-cyrillic-800-normal.woff2 new file mode 100644 index 0000000..3eadb14 Binary files /dev/null and b/public/fonts/manrope/manrope-cyrillic-800-normal.woff2 differ diff --git a/src/app/globals.css b/src/app/globals.css index a2dc41e..c766180 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -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'; } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f7fa87e..2da1ae7 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -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 ( {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index e68abe6..822393b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,7 +2,7 @@ import Image from "next/image"; export default function Home() { return ( -
+