/* ====================================================================== TIPOGRAFÍAS DE TODO EL SITIO — un solo lugar para cambiarlas todas ====================================================================== Cambia cualquiera de las líneas de aquí abajo y afectará a esa categoría en TODAS las páginas que enlacen este archivo. Si quieres usar una fuente que no sea Hanken Grotesk, hace falta un paso extra: añade su de Google Fonts en el de CADA página (busca la línea que dice "fonts.googleapis"), y luego escribe aquí su nombre exacto, entre comillas. ====================================================================== */ :root{ --fuente-part: 'Hanken Grotesk', sans-serif; /* el "PART" grande de portada */ --fuente-subtitulo: 'Hanken Grotesk', sans-serif; /* "Practice for Architecture..." de portada */ --fuente-letras-esquina: 'Hanken Grotesk', sans-serif; /* las P A R T de las esquinas, en TODAS las páginas */ --fuente-cursor: 'Hanken Grotesk', sans-serif; /* palabra que sigue al cursor (Practice, Architecture...) */ --fuente-texto: 'Hanken Grotesk', sans-serif; /* párrafos de descripción del estudio */ --fuente-contacto: 'Hanken Grotesk', sans-serif; /* email, Instagram y dirección (panel P y sobre.html) */ --fuente-email-barra: 'Hanken Grotesk', sans-serif; /* email de la barra lateral de scroll */ } /* ---- título y subtítulo de portada (index.html) ---- */ .name{ font-family:var(--fuente-part); } .marquee-track{ font-family:var(--fuente-subtitulo); } /* ---- letras de esquina, en todas las páginas ---- */ .corner-nav{ font-family:var(--fuente-letras-esquina); } /* ---- palabra que sigue al cursor, en todas las páginas ---- */ #cross .palabra{ font-family:var(--fuente-cursor); } /* ---- párrafos de texto (panel P y sobre.html) ---- */ .panel-descripcion, .descripcion{ font-family:var(--fuente-texto); } /* ---- contacto: email, Instagram, dirección (panel P y sobre.html) ---- */ .panel-contacto a, .panel-contacto span, a.direccion-completa, .contacto a, .contacto span.valor{ font-family:var(--fuente-contacto); } /* ---- email de la barra lateral de scroll ---- */ .barra-lateral .email{ font-family:var(--fuente-email-barra); }