diff --git a/main_dc/yalarba/easySite/easySite/app/assets/css/ffonts.css b/main_dc/yalarba/easySite/easySite/app/assets/css/ffonts.css new file mode 100644 index 0000000..ef34aa0 --- /dev/null +++ b/main_dc/yalarba/easySite/easySite/app/assets/css/ffonts.css @@ -0,0 +1,43 @@ +/* assets/css/fonts.css */ +/* Подключение через @import */ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap'); + +/* Система шрифтовых переменных */ +:root { + /* Шрифтовые семейства */ + --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + --font-heading: 'Playfair Display', 'Times New Roman', serif; + --font-accent: 'Open Sans', 'Arial', sans-serif; + + /* Размеры шрифтов */ + --text-xs: 0.75rem; /* 12px */ + --text-sm: 0.875rem; /* 14px */ + --text-base: 1rem; /* 16px */ + --text-lg: 1.125rem; /* 18px */ + --text-xl: 1.25rem; /* 20px */ + --text-2xl: 1.5rem; /* 24px */ + --text-3xl: 1.875rem; /* 30px */ + --text-4xl: 2.25rem; /* 36px */ + --text-5xl: 3rem; /* 48px */ + --text-6xl: 3.75rem; /* 60px */ + + /* Высота строк */ + --leading-tight: 1.25; + --leading-normal: 1.5; + --leading-relaxed: 1.75; + --leading-loose: 2; + + /* Межбуквенные интервалы */ + --tracking-tight: -0.025em; + --tracking-normal: 0; + --tracking-wide: 0.025em; + --tracking-wider: 0.05em; + + /* Насыщенность шрифтов */ + --font-light: 300; + --font-normal: 400; + --font-medium: 500; + --font-semibold: 600; + --font-bold: 700; + --font-extrabold: 800; +} \ No newline at end of file diff --git a/main_dc/yalarba/easySite/easySite/app/assets/css/fonts.css b/main_dc/yalarba/easySite/easySite/app/assets/css/fonts.css index ef34aa0..0978549 100644 --- a/main_dc/yalarba/easySite/easySite/app/assets/css/fonts.css +++ b/main_dc/yalarba/easySite/easySite/app/assets/css/fonts.css @@ -1,13 +1,95 @@ /* assets/css/fonts.css */ -/* Подключение через @import */ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap'); -/* Система шрифтовых переменных */ +/* ===== НАБОР 1: СОВРЕМЕННЫЙ И ПРОФЕССИОНАЛЬНЫЙ ===== */ + +/* Inter - основной текст */ +@font-face { + font-family: 'Inter'; + src: url('/fonts/Inter-Regular.woff2') format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Inter'; + src: url('/fonts/Inter-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Inter'; + src: url('/fonts/Inter-Regular.woff2') format('woff2'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Inter'; + src: url('/fonts/Inter-Regular.woff2') format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Inter'; + src: url('/fonts/Inter-Regular.woff2') format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +/* Playfair Display - заголовки */ +@font-face { + font-family: 'Playfair Display'; + src: url('/fonts/PlayfairDisplay-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Playfair Display'; + src: url('/fonts/PlayfairDisplay-Regular.woff2') format('woff2'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Playfair Display'; + src: url('/fonts/PlayfairDisplay-Regular.woff2') format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Playfair Display'; + src: url('/fonts/PlayfairDisplay-Regular.woff2') format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +/* JetBrains Mono - моноширинный (для кода, деталей) */ +@font-face { + font-family: 'JetBrains Mono'; + src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + :root { - /* Шрифтовые семейства */ + /* Шрифтовые семейства - Набор 1 */ --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-heading: 'Playfair Display', 'Times New Roman', serif; - --font-accent: 'Open Sans', 'Arial', sans-serif; + --font-accent: 'JetBrains Mono', 'Courier New', monospace; /* Размеры шрифтов */ --text-xs: 0.75rem; /* 12px */ diff --git a/main_dc/yalarba/easySite/easySite/public/fonts/Inter-Regular.woff2 b/main_dc/yalarba/easySite/easySite/public/fonts/Inter-Regular.woff2 new file mode 100644 index 0000000..98da144 Binary files /dev/null and b/main_dc/yalarba/easySite/easySite/public/fonts/Inter-Regular.woff2 differ diff --git a/main_dc/yalarba/easySite/easySite/public/fonts/JetBrainsMono-Regular.woff2 b/main_dc/yalarba/easySite/easySite/public/fonts/JetBrainsMono-Regular.woff2 new file mode 100644 index 0000000..11e471a Binary files /dev/null and b/main_dc/yalarba/easySite/easySite/public/fonts/JetBrainsMono-Regular.woff2 differ diff --git a/main_dc/yalarba/easySite/easySite/public/fonts/PlayfairDisplay-Regular.woff2 b/main_dc/yalarba/easySite/easySite/public/fonts/PlayfairDisplay-Regular.woff2 new file mode 100644 index 0000000..c2be8a9 Binary files /dev/null and b/main_dc/yalarba/easySite/easySite/public/fonts/PlayfairDisplay-Regular.woff2 differ