/* ========================================================= SATOSHI — dichiarazione del font + sostituzione massiva Osservatorio FiLA — 07/09/2026 QUESTO FILE VA NEL CHILD THEME, non incollato nel CSS personalizzato del sito: wp-content/themes/woodmart-child/css-satoshi-font-face.css wp-content/themes/woodmart-child/fonts/Satoshi-Variable.woff2 wp-content/themes/woodmart-child/fonts/Satoshi-VariableItalic.woff2 Il motivo è che qui gli URL sono RELATIVI (fonts/…): un file CSS vero li risolve rispetto a sé stesso, quindi al passaggio da staging a produzione non c'è niente da riscrivere. Nel CSS incollato in pagina gli stessi URL verrebbero risolti rispetto all'indirizzo della pagina e il font non si caricherebbe. Si carica con snippet-satoshi-caricamento.php. I due file pronti da caricare sono in sviluppo/fonts/. FAMIGLIE DA SOSTITUIRE — dallo scan del 07/09/2026: Inter · Manrope · EB Garamond · Poppins ========================================================= */ /* ========================================================= 1. IL FONT — versione variabile ========================================================= Il pacchetto del cliente contiene Satoshi-Variable: due soli file coprono TUTTI i pesi da 300 (Light) a 900 (Black), corsivi compresi. 88 KB in tutto, contro i 140 KB dei cinque file statici equivalenti — che per giunta non comprenderebbero Light e Black. L'intervallo font-weight: 300 900 è l'asse reale del font. Serve perché i font sostituiti usano pesi che i singoli file statici non avrebbero (Inter e Poppins arrivano a 200 e 800, e Satoshi non ha il 600 Semibold): dichiarando l'asse, ogni peso richiesto viene reso davvero e nessuno viene sintetizzato dal browser ingrassando il peso vicino — che è quello che produce i finti grassetti sporchi. format("woff2") e non format("woff2-variations"): la seconda è la sintassi vecchia, oggi non riconosciuta da tutti i browser. Con woff2 + intervallo di pesi funziona ovunque. font-display: block — NON swap. Verificato sullo staging il 07/09/2026: con swap, nell'attimo in cui il font non è ancora pronto il browser mostra il ripiego, e per gli elementi che Elementor scrive senza catena di scorta (il "Powered by" del top bar ha font-family: Inter e basta) il ripiego è il font predefinito del browser, cioè un GRAZIATO. È esattamente il lampo di serif che ha segnalato il cliente. Con block il testo resta invisibile finché il font non è pronto (al massimo 3 secondi) e poi compare già in Satoshi: niente lampo. Il rischio di attesa è teorico, il file è precaricato, sta sullo stesso dominio e pesa 42 KB. ========================================================= */ @font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: block; } @font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-VariableItalic.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: block; } /* ========================================================= 2. ALIAS — LA SOSTITUZIONE MASSIVA ========================================================= Elementor scrive il font scelto sul singolo widget dentro /uploads/elementor/css/post-XXX.css, in regole tipo: .elementor-element-a1b2c3 .elementor-heading-title { font-family: "Inter", Sans-serif; } Quelle regole non le tocca né il CSS globale né il cambio dei Global Fonts. Invece di aprire i widget uno per uno, ridefiniamo il NOME della famiglia: da qui in avanti, sul frontend, "Inter" È Satoshi. Nessun !important, e nessun rischio per i font-icona (Font Awesome, eicon, woodmart-font hanno nomi diversi e restano intatti). Si torna indietro cancellando la sezione. ⚠️ Serve che i Google Fonts siano spenti (lo fa snippet-satoshi-caricamento.php + Woodmart → Theme Settings): se il vero Inter arriva da Google, vince lui. ⚠️ È UN PONTE, NON LA META: il CSS continua a dire "Inter" mentre a schermo si vede Satoshi. Va rimosso dopo il search-replace nel database — vedi la nota in fondo. Lo stesso file dichiarato sotto più nomi non si scarica più volte: il browser lo prende una sola volta dalla cache HTTP. Quindi queste dieci dichiarazioni restano due download. --------------------------------------------------------- */ /* Inter → Satoshi (Homepage, Filiera, Il progetto, Network, Page 404) */ @font-face { font-family: "Inter"; src: url("fonts/Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: block; } @font-face { font-family: "Inter"; src: url("fonts/Satoshi-VariableItalic.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: block; } /* Manrope → Satoshi (Footer FiLA, Homepage, Mappa attori) */ @font-face { font-family: "Manrope"; src: url("fonts/Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: block; } @font-face { font-family: "Manrope"; src: url("fonts/Satoshi-VariableItalic.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: block; } /* EB Garamond → Satoshi (Footer FiLA, Attori della filiera, Archivio attori) È IL GRAZIATO SEGNALATO DAL CLIENTE il 2 settembre: non era un ripiego del browser, è un font impostato apposta sui widget. */ @font-face { font-family: "EB Garamond"; src: url("fonts/Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: block; } @font-face { font-family: "EB Garamond"; src: url("fonts/Satoshi-VariableItalic.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: block; } /* Poppins → Satoshi (Menu home, Stool extra content, Base slide 3) */ @font-face { font-family: "Poppins"; src: url("fonts/Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: block; } @font-face { font-family: "Poppins"; src: url("fonts/Satoshi-VariableItalic.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: block; } /* ========================================================= 3. DEFAULT DEL SITO Copre tutto quello che NON ha un font imposto sul widget. Niente !important, così i punti dove serve davvero un'eccezione restano governabili. ========================================================= */ :root { --fila-font: "Satoshi", "Helvetica Neue", Helvetica, Arial, sans-serif; } /* Woodmart non legge il font da body: lo tiene nelle proprie variabili, che di default valgono lo stack di sistema (-apple-system, BlinkMacSystemFont, …). Finché restano così, tutto ciò che disegna il TEMA e non Elementor — top bar, elementi di intestazione, form, 404 — non è Satoshi. Verificato sullo staging il 07/09/2026. Il selettore è html:root e non :root perché il tema scrive le sue variabili in un blocco