54 líneas
1.5 KiB
CSS
54 líneas
1.5 KiB
CSS
/*
|
|
* VideoPeersJS - Font Configuration
|
|
* Local fonts configuration and fallbacks
|
|
*/
|
|
|
|
/* Import all local font families */
|
|
@import './inter.css';
|
|
@import './poppins.css';
|
|
@import './josefin-sans.css';
|
|
@import './space-grotesk.css';
|
|
|
|
/* Font Stack Definitions */
|
|
:root {
|
|
/* Primary font stack with fallbacks */
|
|
--font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
|
|
|
|
/* Accent font stack */
|
|
--font-accent: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
|
|
|
|
/* Display font stack */
|
|
--font-display: 'Space Grotesk', 'Josefin Sans', 'Inter', system-ui, sans-serif;
|
|
|
|
/* Monospace stack (for code/technical elements) */
|
|
--font-mono: 'SF Mono', Monaco, 'Inconsolata', 'Roboto Mono', 'Source Code Pro', monospace;
|
|
}
|
|
|
|
/* CSS Custom Properties for font weights */
|
|
:root {
|
|
--font-weight-light: 300;
|
|
--font-weight-normal: 400;
|
|
--font-weight-medium: 500;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
--font-weight-extrabold: 800;
|
|
}
|
|
|
|
/* Apply font optimization to all elements */
|
|
* {
|
|
font-feature-settings: 'kern' 1, 'liga' 1;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
/* Utility classes for font optimization */
|
|
.font-optimized {
|
|
font-feature-settings: 'kern' 1, 'liga' 1, 'ss01' 1;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* Font preload hints (for performance) */
|
|
.font-preload-hint {
|
|
font-display: swap;
|
|
} |