/* Tipografías autoalojadas — base generada por _tools/fuentes.py ------------------------------------------------------------ ⚠️ ESTE FICHERO YA NO ES SALIDA LIMPIA DEL GENERADOR. Lleva a mano dos cosas que el generador no sabe hacer y que hay que RECUPERAR si alguna vez se vuelve a ejecutar `_tools/fuentes.py`: 1 · las caras de RESPALDO con métricas ajustadas del final del fichero (son las que quitan el salto de maquetación al llegar las woff2); 2 · Public Sans declarada UNA vez por rango con `font-weight: 100 900` en lugar de cuatro veces con el mismo fichero. ------------------------------------------------------------ */ /* latin-ext */ @font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(/web/content/11342/dyreco_fonts_saira-condensed-600-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(/web/content/11343/dyreco_fonts_saira-condensed-600-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(/web/content/11344/dyreco_fonts_saira-condensed-700-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(/web/content/11345/dyreco_fonts_saira-condensed-700-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url(/web/content/11346/dyreco_fonts_saira-condensed-800-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url(/web/content/11347/dyreco_fonts_saira-condensed-800-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url(/web/content/11348/dyreco_fonts_saira-condensed-900-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url(/web/content/11349/dyreco_fonts_saira-condensed-900-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* --- PUBLIC SANS · una sola cara por rango -------------------- Fontsource la sirvió una vez por peso, pero es VARIABLE (eje wght 100-900) y los cuatro ficheros son el MISMO byte a byte: md5 45ac3f4b… (26.636 B) los cuatro `latin`, md5 587f1fa8… (18.372 B) los cuatro `latin-ext`. Hoy no costaba nada porque solo se usa el 400, pero en cuanto alguien estilara un elemento de `--lectura` a 600 la página se tragaba otros 26,6 KB de un fichero que YA tenía descargado. Declarada con rango, no vuelve a pasar. Los ficheros -500/-600/-700 de web/fonts/ se pueden borrar. */ /* latin-ext */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/web/content/11332/dyreco_fonts_public-sans-400-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/web/content/11333/dyreco_fonts_public-sans-400-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ============================================================ CARAS DE RESPALDO CON MÉTRICAS AJUSTADAS ------------------------------------------------------------ El CLS de carga de la Home NO era cero: 0,1084 a 1440×900 en Slow 4G y 0,1071 en Fast 3G, por encima del umbral 0,1 de Core Web Vitals. Todos los saltos caían en la milésima en que terminan las fuentes (1.854-2.118 ms) y venían de `DIV.hero__contenido`, `NAV.cab__nav` y `DIV.cab__acciones`: el `swap` de Saira Condensed y Public Sans rehaciendo el H1 del hero y la cabecera. Además eran 640 ms (Slow 4G) y 1.250 ms (Fast 3G) de destello de tipografía de sistema, medidos de FCP a document.fonts.ready. Estas dos caras no descargan NADA: son la fuente local con las métricas corregidas para que ocupe lo mismo que la woff2 que va a sustituirla. Al llegar la real, el texto cambia de forma pero no de sitio. De dónde salen los números (medidos en Chrome sobre la web real, a 100 px, con una muestra de 132 caracteres): · Saira Condensed a 600/700/800 mide 0,7255 / 0,7297 / 0,7383 del ancho de Arial al mismo peso → size-adjust 73,1 % (media de los tres pesos que usa la web; `--display` no baja de 600). Sus métricas verticales son ascent 1,13 em y descent 0,44 em, que divididas por el size-adjust dan 154,6 % y 60,2 %. · Public Sans a 400 mide 1,0365 del ancho de Arial → 103,6 %; ascent 0,95 em y descent 0,23 em → 91,7 % y 22,2 %. `local()` a secas: si el sistema no tiene esa fuente, la cara se descarta sola y la pila sigue con la siguiente. Por eso la variante sobre Arial Narrow va ANTES que la de Arial en `--display` (tokens.css): es la más parecida, pero no está en Android ni en la mayoría de Linux. ============================================================ */ @font-face { font-family: 'Saira Condensed respaldo'; src: local('Arial Narrow'), local('Liberation Sans Narrow'), local('Nimbus Sans Narrow'); size-adjust: 89.2%; ascent-override: 126.7%; descent-override: 49.3%; line-gap-override: 0%; } @font-face { font-family: 'Saira Condensed respaldo 2'; src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans'), local('Roboto'); size-adjust: 73.1%; ascent-override: 154.6%; descent-override: 60.2%; line-gap-override: 0%; } @font-face { font-family: 'Public Sans respaldo'; src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans'), local('Roboto'); size-adjust: 103.6%; ascent-override: 91.7%; descent-override: 22.2%; line-gap-override: 0%; }