/* Las letras del sitio de un negocio (sitios.FUENTES), comunes a todas sus plantillas y al editor. Cada plantilla pone en la clase fuente- y usa var(--f-titulos) y var(--f-texto); solo se descargan las que se usan. */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/static/fonts/inter-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; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/static/fonts/inter-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; } @font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/static/fonts/instrument-sans-normal-latin.woff2) format("woff2"); } @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 500 700; font-display: swap; src: url(/static/fonts/fraunces-latin.woff2) format("woff2"); } @font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/static/fonts/worksans-latin.woff2) format("woff2"); } @font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/static/fonts/cormorant-garamond-latin.woff2) format("woff2"); } @font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 400 700; font-display: swap; src: url(/static/fonts/cormorant-garamond-italic-latin.woff2) format("woff2"); } @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/static/fonts/ibm-plex-sans-latin.woff2) format("woff2"); } @font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/static/fonts/bricolage-grotesque-latin.woff2) format("woff2"); } @font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/barlow-condensed-latin.woff2) format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/static/fonts/jetbrains-mono-latin.woff2) format("woff2"); } .fuente-moderna { --f-titulos: "Instrument Sans", "Inter", system-ui, sans-serif; --f-texto: "Inter", system-ui, sans-serif; } .fuente-clasica { --f-titulos: "Fraunces", Georgia, serif; --f-texto: "Work Sans", system-ui, sans-serif; } .fuente-elegante { --f-titulos: "Cormorant Garamond", Georgia, serif; --f-texto: "IBM Plex Sans", system-ui, sans-serif; } .fuente-contemporanea { --f-titulos: "Bricolage Grotesque", system-ui, sans-serif; --f-texto: "Work Sans", system-ui, sans-serif; } .fuente-industrial { --f-titulos: "Barlow Condensed", system-ui, sans-serif; --f-texto: "IBM Plex Sans", system-ui, sans-serif; } .fuente-tecnica { --f-titulos: "JetBrains Mono", ui-monospace, monospace; --f-texto: "Inter", system-ui, sans-serif; } /* Familias sueltas (sitios.FAMILIAS / sitios.PILAS): cada clase fija una sola variable y va despues de los pares, asi pisa solo esa parte del par. */ .fuente-titulos-inter { --f-titulos: "Inter", system-ui, sans-serif; } .fuente-titulos-instrument-sans { --f-titulos: "Instrument Sans", system-ui, sans-serif; } .fuente-titulos-fraunces { --f-titulos: "Fraunces", Georgia, serif; } .fuente-titulos-work-sans { --f-titulos: "Work Sans", system-ui, sans-serif; } .fuente-titulos-cormorant-garamond { --f-titulos: "Cormorant Garamond", Georgia, serif; } .fuente-titulos-ibm-plex-sans { --f-titulos: "IBM Plex Sans", system-ui, sans-serif; } .fuente-titulos-bricolage-grotesque { --f-titulos: "Bricolage Grotesque", system-ui, sans-serif; } .fuente-titulos-barlow-condensed { --f-titulos: "Barlow Condensed", system-ui, sans-serif; } .fuente-titulos-jetbrains-mono { --f-titulos: "JetBrains Mono", ui-monospace, monospace; } .fuente-texto-inter { --f-texto: "Inter", system-ui, sans-serif; } .fuente-texto-instrument-sans { --f-texto: "Instrument Sans", system-ui, sans-serif; } .fuente-texto-fraunces { --f-texto: "Fraunces", Georgia, serif; } .fuente-texto-work-sans { --f-texto: "Work Sans", system-ui, sans-serif; } .fuente-texto-cormorant-garamond { --f-texto: "Cormorant Garamond", Georgia, serif; } .fuente-texto-ibm-plex-sans { --f-texto: "IBM Plex Sans", system-ui, sans-serif; } .fuente-texto-bricolage-grotesque { --f-texto: "Bricolage Grotesque", system-ui, sans-serif; } .fuente-texto-barlow-condensed { --f-texto: "Barlow Condensed", system-ui, sans-serif; } .fuente-texto-jetbrains-mono { --f-texto: "JetBrains Mono", ui-monospace, monospace; }