new file: main_dc/yalarba/easySite/easySite/app/assets/css/ffonts.css

modified:   main_dc/yalarba/easySite/easySite/app/assets/css/fonts.css
	new file:   main_dc/yalarba/easySite/easySite/public/fonts/Inter-Regular.woff2
	new file:   main_dc/yalarba/easySite/easySite/public/fonts/JetBrainsMono-Regular.woff2
	new file:   main_dc/yalarba/easySite/easySite/public/fonts/PlayfairDisplay-Regular.woff2
add new fonts
This commit is contained in:
2025-10-30 03:22:46 +05:00
parent beecbb3b86
commit b168ec42c2
5 changed files with 130 additions and 5 deletions
@@ -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;
}
@@ -1,13 +1,95 @@
/* assets/css/fonts.css */ /* 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 { :root {
/* Шрифтовые семейства */ /* Шрифтовые семейства - Набор 1 */
--font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-heading: 'Playfair Display', 'Times New Roman', 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 */ --text-xs: 0.75rem; /* 12px */