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:
@@ -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 */
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user