/* ===================================================================== GPS TRACK · LA TIPOGRAFIA, SERVIDA DESDE CASA producto/app/fuentes/fuentes.css --------------------------------------------------------------------- ES EL UNICO SITIO donde se declara la tipografia del producto. Si aparece un segundo @font-face de Inter o de JetBrains Mono en cualquier otro fichero, sobra: borralo y deja este. POR QUE EXISTE Los diez documentos del armazon pedian la fuente a fonts.googleapis.com. Eso costaba tres cosas a la vez: 1. Si Google no responde, la marca cae a Arial. 2. El gerente, en campo y con mala cobertura, espera a un tercero antes de ver nada. 3. Cada visita le manda a Google la direccion del cliente. Es una operadora petrolera: eso no se hace. Y una cuarta que decide el asunto: esto va a Hostinger, y alli el producto tiene que funcionar solo. DE DONDE SALEN LOS FICHEROS Son los MISMOS BYTES que el navegador se bajaba de Google, no una conversion nuestra. Descargados una vez de fonts.gstatic.com: inter-latin-var.woff2 48.432 B de .../s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2 jetbrains-mono-latin-var.woff2 31.340 B de .../s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8 RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.woff2 Por eso el aspecto no cambia: es el mismo fichero, servido desde otro sitio. Ambas fuentes son SIL Open Font License 1.1 — las licencias estan al lado, en Inter-OFL.txt y JetBrainsMono-OFL.txt. Rehospedarlas es exactamente lo que la OFL permite. POR QUE SOLO DOS FICHEROS, SI SE USAN SEIS PESOS Porque las dos son FUENTES VARIABLES. Google servia el MISMO woff2 para Inter 400, 600, 700 y 800, y el MISMO para JetBrains Mono 400, 500 y 700: un solo fichero por familia con el eje wght dentro. Anadir un peso no anade bytes; anadir un alfabeto si. DONDE ESTABA EL PESO DE VERDAD, entonces No en los pesos: en los ALFABETOS. Google trocea cada familia en siete rangos (latin, latin-ext, griego, griego-ext, cirilico, cirilico-ext, vietnamita). Aqui solo viaja `latin`, y esta comprobado, no supuesto: se barrieron los diez HTML, los CSS y armazon.js, y el unico caracter fuera de `latin` es el ─ y el ═ de los separadores de COMENTARIO, que no se pintan nunca. El castellano entero (a e i o u con tilde, n, u con dieresis, ¿, ¡) y las flechas ‹ › del carrusel caen dentro de `latin`. PESO TOTAL QUE SE DESCARGA: 79.772 B = 77,9 KB. El presupuesto era 200 KB. Si algun dia hay que meter latin-ext, son 85 KB mas: cabe, pero no se mete hasta que haga falta. ===================================================================== */ /* ── 1 · INTER ──────────────────────────────────────────────────────── Un solo @font-face para toda la familia. `font-weight: 100 900` NO es traer nueve pesos "por si acaso": es declarar el rango que el fichero de verdad contiene. Es la misma declaracion que hacia Google para este mismo fichero. Cuesta cero bytes y hace que `document.fonts.check('900 20px Inter')` diga la verdad en vez de colarse por la puerta de atras del peso 800. El diseno usa hoy 400 (cuerpo), 600 (interfaz), 700 (enfasis) y 800 (titulares). Los titulares de las laminas piden 800-900. `swap` es deliberado: el gerente lee el texto en el acto con la reserva y la fuente entra cuando llega. Sirviendo desde el propio dominio ese salto dura milisegundos; el fallo antiguo eran segundos o para siempre. */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('inter-latin-var.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; } /* ── 2 · JETBRAINS MONO ─────────────────────────────────────────────── Codigos de documento y cifras. El producto usa 400 y 700; el peso 500 que pedia el viejo no lo usa nadie — se comprobo peso a peso en los CSS del armazon — asi que no se declara. El rango va 400-700 porque es lo que este fichero servia en Google. */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('jetbrains-mono-latin-var.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; } /* ── 3 · LA PILA DE RESERVA ─────────────────────────────────────────── Que pasa si, aun sirviendo desde casa, el woff2 no llega: disco corrupto, despliegue a medias, un navegador viejo sin woff2. gps-tokens-v5.css nombra `'Inter', Arial, sans-serif` y `'JetBrains Mono', monospace`. Arial no cae en Times, asi que la reserva ya era decente — pero solo existe en Windows y macOS; en el Android del gerente no hay Arial y `sans-serif` acaba en Roboto por accidente, no por decision. Aqui se alarga la cola, NO se cambia la cabeza: la primera familia sigue siendo Inter y JetBrains Mono, con lo que el aspecto normal es exactamente el mismo. Solo se ordena a que se parece cuando falla, y se pone delante lo que de verdad se parece a Inter: la fuente de sistema de cada plataforma (San Francisco, Segoe UI, Roboto), que comparte con Inter proporciones y altura de x. Esto se declara AQUI y no en assets/css/gps-tokens-v5.css a proposito: los tokens son territorio de otro agente. Esta hoja se carga DESPUES de los tokens, asi que estas cuatro lineas ganan por orden, sin un solo !important y sin tocar el fichero de nadie. */ :root { --gps-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; --gps-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; --gps-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; --gps-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Roboto Mono', 'Liberation Mono', monospace; }