add fonts

This commit is contained in:
zahravaziri
2025-05-31 14:54:05 +03:30
parent d81d32fe4b
commit 51c3457068
17 changed files with 52 additions and 30 deletions
+50 -18
View File
@@ -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';
}