/** * Custom Fonts Configuration * =========================== * BlinkMacSystemFont - Custom font family for eliteself.tech * * Best Practices: * - font-display: swap - Shows fallback font immediately, swaps when custom font loads * - Preload critical fonts in HTML * - Use font-weight matching for proper rendering * - Fallback to system fonts for better performance */ @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-thinitalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-ultralight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-ultralightitalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-regularitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-heavy.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'BlinkMacSystemFont'; src: url('/static/fonts/blinkmacsystemfont-blackitalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } /** * Font Family Variable * ==================== * Use this variable throughout your CSS for consistent font usage * Falls back to system fonts if custom font fails to load */ :root { --font-primary: 'BlinkMacSystemFont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; }