/* ============================================================ FixRiver — Webfonts (self-hosted, subconjunto latin) Display : Quicksand (variable 400–700) — titulares Text : Poppins (300/400/500/600/700 + itálica 400) — cuerpo & UI Mono : JetBrains Mono (variable 400–600) — etiquetas / eyebrows Sustituye el antiguo @import de Google Fonts (el único recurso render-blocking de terceros) por @font-face locales servidos desde /assets/fonts/. Los woff2 son el subconjunto "latin" de Google (cubre acentos, ñ, ¿ ¡, €, — …). Quicksand y JetBrains Mono se sirven como fuente VARIABLE (un archivo cubre todo el eje de peso); Poppins es estática (un archivo por peso). Los fallbacks con métricas ajustadas ('… Fallback' sobre Arial) igualan la caja del texto mientras la webfont descarga, de modo que el swap (font-display:swap) NO provoque desplazamiento de layout (CLS). Los overrides se midieron contra Arial en Chromium (size-adjust + ascent/descent/line-gap-override) y se insertan en las pilas --font-display / --font-body (ver typography.css). NOTA: index.html no enlaza este archivo; lleva una COPIA inline de este bloque en su (crítico para el FCP del hero). Si tocas algo aquí, re-sincroniza esa copia. ============================================================ */ /* ---- Fuentes reales (self-hosted) ---- */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400 700; /* variable */ font-display: swap; src: url('/assets/fonts/quicksand-var-v1.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('/assets/fonts/poppins-300-v1.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/poppins-400-v1.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url('/assets/fonts/poppins-400-italic-v1.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/poppins-500-v1.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/poppins-600-v1.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/poppins-700-v1.woff2') format('woff2'); } @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 600; /* variable */ font-display: swap; src: url('/assets/fonts/jetbrains-mono-var-v1.woff2') format('woff2'); } /* ---- Fallbacks con métricas ajustadas (neutralizan el CLS del font-swap) ---- */ @font-face { font-family: 'Quicksand Fallback'; src: local('Arial'); size-adjust: 102.42%; ascent-override: 97.63%; descent-override: 24.41%; line-gap-override: 0%; } @font-face { font-family: 'Poppins Fallback'; src: local('Arial'); size-adjust: 113.69%; ascent-override: 92.36%; descent-override: 30.79%; line-gap-override: 8.80%; }