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 */
|
||||
/* Подключение через @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 */
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user