Personalizzare il testo del proprio sito utilizzando una serie di impostazioni.
In Stili sito puoi definire lo stile del carattere, del colore, delle dimensioni, della spaziatura e altro ancora di un testo. Lo stile controlla la tipografia (design del carattere), conferendo alle parole personalità e stile. La maggior parte delle modifiche di stile si applica a quel tipo di testo in tutto il sito.
Questa guida esamina i diversi modi di definire lo stile del testo del sito.
Suggerimento: per informazioni sulla formattazione del testo, inclusa l'impostazione del tipo di testo, la creazione di elenchi e il grassetto e il corsivo, visita Formattazione del testo.
Guarda un video
Definire lo stile del testo
Il modo in cui puoi cambiare lo stile del testo del sito dipende dalla versione del sito.
Per definire lo stile del testo, utilizza i pannelli Tipi di carattere e Colori in Stili sito per impostare caratteri e colori a livello di sito oppure personalizzarli per una sezione specifica.
Per maggiori informazioni, visita Modificare i tipi di carattere e Modificare i colori.
Per definire lo stile del testo, utilizza Stili sito per scegliere i tipi di carattere e i colori del testo. Per aiutarti a ottenere un aspetto coerente, i tweak Stili sito si applicano a tutto il testo che presenta uno specifico formato.
Ad esempio, puoi cambiare contemporaneamente i tipi di carattere di tutte le intestazioni o quelli di tutto il corpo del testo. Ogni modello presenta opzioni di stile di testo leggermente diverse. Per maggiori informazioni a proposito, consulta Modificare i tipi di carattere.
Utilizza le sezioni sottostanti per vedere gli step specifici per ogni opzione di stile.
Colore
Il modo in cui puoi modificare il colore del testo dipende dalla versione del sito.
In Stili sito puoi cambiare il colore di un intero gruppo di testo, come Paragrafo (piccolo) o Link di intestazione. Per cambiare il colore di un gruppo di testo:
- Apri Stili sito, quindi clicca su Colori.
- Clicca sulla combinazione di colori per la sezione che desideri modificare.
- Clicca sul tweak del colore corrispondente al gruppo di testo che desideri modificare, quindi scegli un nuovo colore.
Per maggiori dettagli sulla procedura, consulta Modificare i colori.
Colore del blocco di testo
In un blocco di testo, puoi modificare il colore del testo selezionato. Cambia i colori delle singole parole per farle risaltare o cambia il colore di ogni singola lettera. Per impostare colori di testo personalizzati:
- Clicca su Modifica nella pagina o nell'elemento con il blocco di testo, quindi clicca all'interno del blocco di testo.
- Evidenzia il testo che desideri modificare. Può trattarsi di una singola lettera, di una singola parola o di più parole.
- Nella barra degli strumenti di testo, clicca sull'icona del colore, quindi scegli un nuovo colore. Clicca su Tavolozza per scegliere un colore dalla combinazione di colori del sito oppure clicca su Personalizza per utilizzare il selettore colori.
- Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.
Ricorda:
- La modifica dei colori del testo nella barra degli strumenti del blocco di testo sostituisce i colori del testo impostati in Stili sito. Dopo aver modificato i colori del testo nella barra degli strumenti del blocco di testo, se modifichi il colore dello stesso gruppo di testo in Stili sito, le modifiche di colore apportate dalla barra degli strumenti del blocco di testo rimarranno valide.
- La modifica della combinazione di colori di una sezione sostituisce tutti i colori del testo e ripristina il testo in modo che corrisponda alle impostazioni di colore per quel tema. Per ripristinare i colori del testo personalizzati nel blocco di testo, dovrai riapplicarli manualmente.
- Se modifichi la combinazione di colori di una sezione e poi torni alla combinazione di colori precedente, i colori del testo personalizzati non vengono mantenuti. Dovrai riapplicarli manualmente.
- L'icona del colore viene visualizzata solo nei blocchi di testo e non nelle altre barre degli strumenti di testo.
In Stili sito, seleziona il tweak del colore corrispondente al gruppo di testo che desideri modificare. Per maggiori dettagli sulla procedura, consulta Modificare i colori.
Tipo di carattere
In Stili sito, clicca sul gruppo di testo da modificare e scegli un nuovo tipo di carattere. Per maggiori dettagli sulla procedura, consulta Modificare i tipi di carattere.
Spaziatura tra lettere
Il modo in cui si modifica la spaziatura delle lettere dipende dalla versione del sito.
Per modificare la spaziatura tra lettere:
- Durante la modifica di una pagina, clicca sull'icona del pennello, quindi su Tipi di carattere.
- In Stili tipi di carattere globali, clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Varie.
- Utilizza il cursore Spaziatura lettere per regolare la spaziatura oppure inserisci un nuovo valore em.
- Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.
In Stili sito, clicca sul tweak Spaziatura lettere per modificare lo spazio fra le lettere.
Quando imposti la spaziatura fra le lettere:
- L'uso di valori negativi può causare la sovrapposizione dei caratteri. Mantieni una spaziatura fra le lettere pari o superiore a 0 px per evitare problemi di layout sui dispositivi mobili.
- Se le modifiche alla spaziatura non vengono visualizzate sui dispositivi mobili, verifica che sia impostata su px anziché su em. Per i modelli delle famiglie Bedford e Pacific, le intestazioni presentano una spaziatura massima sui dispositivi mobili.
Altezza della riga
Il modo in cui si modifica l'altezza della riga dipende dalla versione del sito.
Per modificare l'altezza della linea:
- Durante la modifica di una pagina, clicca sull'icona del pennello, quindi su Tipi di carattere.
- In Stili di testo globali, clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Varie.
- Utilizza il cursore Altezza riga per modificare la spaziatura oppure inserisci un nuovo valore em.
- Le tue modifiche restano valide mentre modifichi gli altri contenuti della pagina. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.
In Stili sito, usa il tweak Altezza riga per modificare lo spazio fra le righe.
Nota:Se l'altezza della riga è pari a 0em, questo potrebbe causare la sovrapposizione del testo, in particolare su dispositivi mobili.
Testo a spaziatura fissa o codice
Il testo a spaziatura fissa presenta la stessa quantità di spazio orizzontale tra ogni carattere. La designazione del testo e il modo in cui ne definisci lo stile dipendono dalla versione del tuo sito.
La dimensione e il tipo di carattere del testo Monospace utilizzato nel titolo, nel sottotitolo o nella didascalia di un blocco immagine segue lo stile di testo Paragrafi 2 nel pannello dei caratteri. Tutti gli altri usi del testo monospace seguono lo stile di testo Varie. Per creare lo stile di un tipo di carattere, visita Modificare i tipi di carattere.
Il colore del testo a spaziatura fissa segue il tweak Paragrafo (medio) nel pannello Colori. Per modificare il colore del tipo di carattere, visita Modificare i colori.
Le dimensioni e il colore del testo codice seguono i tweak Corpo del testo. Non è possibile modificare lo stile del tipo di carattere.
Paragrafo o testo normale
Ciò che chiamiamo corpo del testo principale e il modo in cui ne definisci lo stile dipende dalla versione del sito.
Le dimensioni e il carattere del testo del paragrafo seguono lo stile del testo Paragrafi nel pannello Tipi di carattere.
Il testo del sito segue la combinazione di colori del sito. In alternativa, puoi far risaltare una sezione di testo modificando la combinazione di colori della sezione.
I tweak di stile che modificano il font, le dimensioni e il colore del corpo del testo sul tuo sito dipendono dalla famiglia di modelli:
Modello |
Tipo di carattere |
Taglia |
Colore |
Adirondack |
Contenuto principale > Testo |
Contenuto principale > Testo |
Contenuto principale > Colore del testo |
Avenue |
Tipografia > Corpo del testo |
Tipografia > Corpo del testo |
Colori > Colore del testo |
Aviator |
Tipografia > Tipo di carattere del testo |
Tipografia > Tipo di carattere del testo |
Colori > Testo |
Bedford |
Contenuto principale > Tipo di carattere testo pagina |
Contenuto principale > Tipo di carattere testo pagina |
Contenuto principale > Colore testo pagina |
Brine |
Contenuto: tipo di carattere > Corpo del testo |
Contenuto: tipo di carattere > Corpo del testo |
Contenuto: colori > Corpo del testo |
Farro |
Principale: tipi di carattere del contenuto > Corpo del testo |
Principale: tipi di carattere del contenuto > Corpo del testo |
Principale: colori contenuto > Corpo del testo |
Five |
Contenuto principale > Corpo del testo |
Contenuto principale > Corpo del testo |
Contenuto principale > Colore del corpo del testo |
Flatiron |
Contenuto principale > Testo |
Contenuto principale > Testo |
Contenuto principale > Colore del testo |
Forte |
Tipografia > Corpo del testo |
Tipografia > Corpo del testo |
Tipografia > Colore del corpo del testo |
Galapagos |
Tutto il sito > Tipi di carattere del corpo del testo |
Tutto il sito > Tipi di carattere del corpo del testo |
Tutto il sito > Colore del corpo del testo |
Ishimoto |
Contenuto principale > Testo |
Contenuto principale > Dimensioni del testo |
Contenuto principale > Colore del corpo del testo |
Momentum |
Contenuto principale > Corpo del testo |
Contenuto principale > Corpo del testo |
Contenuto principale > Colore del corpo del testo |
Montauk |
Tipografia > Corpo del testo |
Tipografia > Corpo del testo |
Colori > Colore del testo |
Native |
Contenuto principale > Corpo del testo |
Contenuto principale > Dimensioni del corpo del testo |
Contenuto principale > Colore del corpo del testo |
Pacific |
Contenuto principale > Tipi di carattere del testo |
Contenuto principale > Tipi di carattere del testo |
Contenuto principale > Colore del testo |
Skye |
Tipi di carattere del sito > Corpo |
Tipi di carattere del sito > Corpo |
Colori del testo del sito > Colore del corpo del testo |
Supply |
Contenuto principale > Tipi di carattere del corpo |
Contenuto principale > Tipi di carattere del corpo |
Contenuto principale > Colore del corpo del testo |
Tremont |
Tipi di carattere del sito > Tipi di carattere del corpo |
Tipi di carattere del sito > Tipi di carattere del corpo |
Colori del tipo di carattere del sito > Colore del corpo |
Wells |
Opzioni del sito > Testo |
Opzioni del sito > Dimensioni del testo |
Opzioni del sito > Colore delle intestazioni |
Wexley |
Contenuto principale > Tipo di carattere del corpo del testo |
Contenuto principale > Tipo di carattere del corpo del testo |
Contenuto principale > Colore del corpo del testo |
York |
Sito: tipografia > Tipo di carattere del corpo |
Sito: tipografia > Tipo di carattere del corpo |
Sito: tipografia > Colore del corpo del testo |
Citazione
In un blocco di testo, lo stile delle citazioni varia a seconda della versione del sito.
Lo stile delle citazioni segue il carattere e il colore per quel tipo di testo.
Ad esempio, se il testo della citazione è formattato come Intestazione 2, la citazione avrà lo stesso tipo di carattere e dimensione di ogni altro testo Intestazione 2 presente nel sito. Il colore del testo della citazione seguirà i colori della sezione.
Suggerimento: in alternativa, utilizza un blocco citazione, che ha le proprie opzioni di stile.
Lo stile della citazione varia in base al modello. Ad esempio, in alcuni modelli, la citazione ha una linea verticale a sinistra per aggiungere una separazione visiva.
Suggerimento: in alternativa, utilizza un blocco citazione. In alcuni modelli, il blocco ha le proprie opzioni di stile, che aiutano a mettere in risalto la citazione.
Stili di testo per le citazioni
Ecco come definire lo stile del testo di una citazione in queste famiglie di modelli. In alcuni modelli, il testo delle citazioni segue gli stessi stili del blocco citazione.
Famiglia di modelli |
Tipo di carattere |
Colore |
A linee |
Adirondack |
Come il corpo del testo |
Come il corpo del testo |
No |
Avenue |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Aviator |
Tweak Tipo di carattere citazione |
Tweak Testo citazione |
No |
Bedford |
Come il corpo del testo |
Come il corpo del testo |
No |
Brine |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Farro |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Five |
Tweak Blocco citazione |
Come il corpo del testo |
No |
Flatiron |
Tweak Tipo di carattere citazione |
Tweak Colore citazione |
No |
Forte |
Come il corpo del testo |
Come il corpo del testo |
No |
Galapagos |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Ishimoto |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Momentum |
Come il corpo del testo |
Come il corpo del testo |
No |
Montauk |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Native |
Tweak Citazioni e Dimensione citazioni |
Come il corpo del testo |
Sì |
Pacific |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Skye |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Supply |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Tremont |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Wells |
Tweak Citazione e Dimensione citazione |
Come il corpo del testo |
No |
Wexley |
Tweak Tipo di carattere citazione |
Come il corpo del testo |
No |
York |
Come il corpo del testo |
Come il corpo del testo |
Sì |
Taglia
La procedura di modifica delle dimensioni del testo dipende dalla versione del sito.
Nel pannello Tipi di carattere, clicca su un pacchetto di caratteri per applicarlo al tuo sito, quindi scegli una dimensione di base. Tutti gli altri testi si adatteranno in base a questa dimensione. Puoi anche cliccare su Assegna stili per impostare la dimensione del tipo di carattere per un'area di testo specifica.
Per maggiori dettagli sulla procedura, consulta Modificare i tipi di carattere.
In Stili sito, clicca sul tweak Dimensioni per impostare le dimensioni del tipo di carattere. Puoi utilizzare il cursore o digitare manualmente le dimensioni del tipo di carattere.
In alcuni modelli, puoi impostare le dimensioni massime o minime per i tipi di carattere su schermi di dimensioni diverse. Per maggiori informazioni consulta Scaling fonts.
Suggerimento: tutti i siti Squarespace sono dotati di responsive design integrato che ottimizza le dimensioni del testo del tuo sito per ogni tipo di schermo.
Trasformazione testo
Utilizza Trasformazione testo per applicare i diversi stili di maiuscole al testo, fra cui:
- Iniziale maiuscola:- Per Applicare Il Maiuscolo Alla Prima Lettera Di Ogni Parola
- Maiuscole - TUTTO MAIUSCOLO
- Minuscole - tutte le lettere minuscole
Questo tweak si applica solo a determinati tipi di carattere e gruppi di testo.
Trasforma testo viene visualizzato in aree diverse in base alla versione del sito.
- Durante la modifica di una pagina, clicca sull'icona del pennello, quindi su Tipi di carattere.
- In Stili di testo globali, clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Varie.
- Scegli un'opzione di stile dal menu a discesa Trasforma testo.
- Le tue modifiche restano valide mentre modifichi gli altri contenuti della pagina. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.
In Stili sito, utilizza il menu a discesa Trasforma testo in qualsiasi tweak del tipo di carattere.
Peso
Il modo in cui puoi modificare lo spessore del testo dipende dalla versione del sito.
- Durante la modifica di una pagina, clicca sull'icona del pennello, quindi su Tipi di carattere.
- In Stili di testo globali, clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Varie.
- Scegli un'opzione di spessore dal menu a discesa Spessore.
- Le tue modifiche restano valide mentre modifichi gli altri contenuti della pagina. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.
In Stili sito, utilizza il menu a discesa Spessore in qualsiasi tweak del tipo di carattere per rendere il testo più spesso o più sottile.