Come cambiare font su Squarespace 7.1 (Stili + CSS)

Cambia i font su Squarespace 7.1 da Stili del sito, carica il tuo file font o usa il CSS personalizzato per un solo elemento. Passaggi, tabella e soluzioni.

Domande frequenti

Come cambio il font di tutto il mio sito Squarespace?

In un sito versione 7.1, apri Site Styles (Stili del sito), clicca su Fonts (Font) e scegli un font pack consigliato, oppure apri All Font Packs (Tutti i font pack) e filtra per sans-serif, serif o misti. Un font pack imposta in un colpo solo i font di titoli, paragrafi, pulsanti e testi vari.

Posso usare qualsiasi Google Font su Squarespace?

Puoi cercare i Google Fonts per nome nel menu a tendina dei font, ma il centro assistenza di Squarespace precisa che non tutti i Google Fonts sono presenti nella sua libreria. Se quello che vuoi non c'è, puoi caricare tu stesso il file del font, purché la licenza lo consenta.

Quali tipi di file font posso caricare su Squarespace?

Il caricatore di font in Site Styles accetta file OTF, TTF, WOFF e WOFF2. L'area separata Custom Files (File personalizzati), usata con l'editor CSS, elenca invece TTF, OTF e WOFF: per un file WOFF2 usa quindi il caricatore di Site Styles e non l'area dei file CSS.

Mi serve un'autorizzazione per caricare un font personalizzato?

Sì. Il centro assistenza di Squarespace indica che serve il permesso del proprietario o del licenziante del font per usarlo sul tuo sito. Prima di caricarlo, controlla che la licenza copra l'uso sul web.

Perché i passaggi per i font sono diversi sul mio sito?

I siti versione 7.0 e versione 7.1 hanno impostazioni dei font diverse. I passaggi di questa guida riguardano la 7.1. Sulla 7.0 le modifiche ai font passano da Site Styles nel pannello Design. Squarespace precisa inoltre che i font Adobe personalizzati configurati sulla 7.0 non sono supportati sulla 7.1, quindi dovrai scegliere un font integrato della 7.1.

Il CSS personalizzato resta se cambio template?

In un sito versione 7.0, Squarespace indica che il CSS personalizzato non viene trasferito quando cambi template. Conserva una copia del CSS che aggiungi, così potrai incollarlo di nuovo se serve.

Risposta breve: su un sito Squarespace 7.1, apri Site Styles (Stili del sito), clicca su Fonts (Font) e scegli un font pack, oppure imposta uno alla volta Headings (Titoli), Paragraphs (Paragrafi), Buttons (Pulsanti) e Miscellaneous (Varie). Per usare un font che non è in libreria, carica il tuo file nello stesso pannello. Usa il CSS personalizzato solo quando devi modificare un elemento preciso.

Questa guida descrive i passaggi della versione 7.1, come indicato nel centro assistenza di Squarespace (verificato a novembre 2026). Se il tuo sito è sulla versione 7.0, i nomi dei pannelli sono diversi: vedi la nota sulle versioni verso la fine.

Quale metodo scegliere?

Scegli l'opzione più leggera che ti dà il risultato che vuoi. Scendendo nella tabella, ogni metodo richiede più impostazioni.

Cosa vuoi	Metodo migliore	Impegno
Un aspetto completamente nuovo con un clic	Font pack in Site Styles	Basso
Font diversi per titoli e testo del corpo	Font per categoria in Site Styles	Basso
Un Google Font specifico	Ricerca nel menu a tendina dei font	Basso
Un font del brand di cui hai la licenza	Caricare un file font	Medio
Un solo titolo, un solo pulsante o una sola sezione	CSS personalizzato	Medio-alto

Metodo 1: cambiare i font con un font pack

Un font pack imposta font abbinati per tutte le categorie di testo in una volta sola: è il modo più rapido per rinnovare l'aspetto di un sito.

Apri l'editor e clicca su Site Styles (l'icona del pennello).
Clicca su Fonts.
Scegli uno dei pack consigliati, oppure clicca su All Font Packs e filtra per sans-serif, serif o misti.
Scorri le pagine e controlla titoli, testo del corpo e pulsanti prima di chiudere il pannello.

I pack sono un buon punto di partenza, ma può capitare di ritrovarsi con un font per i titoli che piace e uno per il corpo del testo che non convince. È quello che risolve il metodo successivo.

Metodo 2: cambiare il font di una sola categoria di testo

In Fonts, Squarespace divide il testo in quattro gruppi, che puoi impostare separatamente:

Headings (Titoli): titoli delle pagine e stili di intestazione nei blocchi di testo.
Paragraphs (Paragrafi): testo del corpo.
Buttons (Pulsanti): etichette dei pulsanti.
Miscellaneous (Varie): testi più piccoli come didascalie ed etichette dei moduli (l'ambito esatto di questo gruppo varia in base al template, quindi controlla alcune pagine dopo la modifica).

Per cambiarne uno:

In Site Styles > Fonts, clicca sulla categoria che ti interessa, per esempio Headings.
Apri il menu a tendina dei font e cerca per nome.
Scegli il font, poi regola stile, spessore e dimensione secondo necessità.
Per gli Adobe Fonts, usa il link Additional Fonts in fondo all'elenco.

Squarespace permette anche di impostare una dimensione base da cui si adattano gli altri testi: se dopo il cambio tutto appare troppo grande o troppo piccolo, regola prima quella e solo dopo ridimensiona i singoli blocchi.

Un consiglio pratico: cambia titoli e paragrafi in due passaggi distinti. Se modifichi entrambi insieme e qualcosa non va, non saprai quale dei due l'ha causato. Per scegliere un abbinamento, leggi la nostra guida su come scegliere i font per il sito web.

Metodo 3: caricare un font tuo

Se il tuo brand usa un font che non è in libreria, caricalo. Squarespace indica che serve il permesso del proprietario o del licenziante del font per usarlo in questo modo.

Procurati il file del font in formato OTF, TTF, WOFF o WOFF2. Il caricatore di Site Styles li accetta tutti e quattro.
Apri Site Styles > Fonts, scegli una categoria (o il menu a tendina dei font) e cerca l'opzione di caricamento.
Trascina il file nel pannello dei font caricati, oppure clicca sull'icona più e selezionalo dal computer.
Seleziona il font caricato per la categoria che vuoi.
Pubblica, poi controlla il sito online da desktop e da smartphone per verificare che il font si carichi.

I testi dell'interfaccia cambiano ogni tanto: se un pulsante ha un'etichetta diversa, cerca l'icona di caricamento o l'icona più nel menu a tendina dei font.

Problemi comuni nel caricamento

Il font compare nell'elenco ma ha un aspetto sbagliato. Nel file potrebbe mancare uno spessore o uno stile (grassetto, corsivo). Carica ogni spessore che intendi usare come file separato.
Il font funziona nell'editor ma non per i visitatori. Aggiorna la pagina pubblicata forzando il ricaricamento e controlla che la licenza del font copra l'uso sul web.
Hai caricato un file WOFF2 e hai provato a richiamarlo dall'area dei file CSS. L'area Custom Files dell'editor CSS elenca come tipi di font TTF, OTF e WOFF, non WOFF2. Per il WOFF2 usa il caricatore di Site Styles.

Metodo 4: modificare un solo elemento con il CSS personalizzato

Site Styles cambia i font in tutto il sito, per categoria. Quando ti serve un'eccezione, per esempio un solo titolo con un font diverso, puoi usare il CSS personalizzato. Le indicazioni di Squarespace sul CSS raccomandano di limitarlo a font, colori e sfondi, perché altre modifiche possono rompere il layout.

Carica prima il font con il Metodo 3, oppure scegli un font della libreria, così che il font sia già disponibile sul tuo sito.
Apri Website > Pages > Custom CSS (il percorso esatto può variare leggermente da sito a sito).
Incolla una regola come quella qui sotto, poi salva.

```css /* Example: make every H2 use a font that is already on your site */ h2 { font-family: "Your Font Name", serif; letter-spacing: 0.02em; }

/* Example: change button text only */ .sqs-button-element--primary { font-family: "Your Font Name", sans-serif; } ```

Sostituisci "Your Font Name" con il nome esatto mostrato in Site Styles. Il font generico di riserva (serif o sans-serif) mantiene il testo leggibile se il font non si carica. I nomi delle classi possono variare a seconda del template e degli aggiornamenti di Squarespace, quindi usa l'ispezione elemento del browser per confermare il selettore dell'elemento che vuoi modificare.

Se vuoi applicare il CSS a una sola pagina, il centro assistenza di Squarespace descrive opzioni a livello di pagina: verifica lì i passaggi aggiornati prima di farci affidamento.

Una rapida checklist sui font prima di pubblicare

Copia questo elenco e ripassalo una volta.

[ ] Titoli e testo del corpo usano al massimo due famiglie di font.
[ ] Il testo del corpo è facile da leggere su smartphone, non solo su desktop.
[ ] Ogni spessore che usi (normale, grassetto, corsivo) è disponibile nel font.
[ ] Hai la licenza per usare sul web ogni font caricato.
[ ] Pulsanti ed etichette dei moduli usano un font coerente con il resto della pagina.
[ ] Hai salvato una copia del CSS personalizzato che hai aggiunto.
[ ] Hai controllato il sito online, non solo l'anteprima dell'editor.

Versione 7.0 e versione 7.1

Il centro assistenza di Squarespace precisa che le opzioni dei font della 7.1 valgono per i siti 7.1 e che i siti 7.0 hanno impostazioni dei font proprie. Sulla 7.0, le modifiche ai font passano da Site Styles nel pannello Design. Se stai valutando il passaggio, Squarespace offre uno strumento di aggiornamento, e la nostra recensione di Squarespace spiega come si posiziona l'editor attuale. Se i font sono solo uno dei tanti motivi di frustrazione, la pagina sulle alternative a Squarespace elenca altri builder, e la nostra analisi dei costi mostra quanto costa in totale un sito Squarespace.

Se stai iniziando un nuovo sito

Quando scegli un template o costruisci un sito da zero, definisci prima la tipografia: è più semplice che correggerla dopo. Il piano gratuito di We.Inc ti permette di pubblicare fino a tre siti partendo da template già pronti; il builder AI che crea la bozza di un sito a partire da un prompt parte dal piano Starter a $20 al mese. Puoi registrarti qui.

Inizia gratis · Nessuna carta di credito richiesta

Umair Ali Sadaqat

Fondatore di We.Inc

Umair è il fondatore di We.Inc. Scrive di creazione di siti web con l’IA, agenzie e gestione di uno studio web.

Pronto a creare qualcosa di grande?

Unisciti a 15,000+ aziende che usano We.Inc per lanciare, crescere e automatizzare, tutto da un'unica piattaforma.