Definire lo stile del testo

Personalizzare il testo del proprio sito utilizzando una serie di impostazioni.

Ultimo aggiornamento 20 dicembre 2024

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:

  1. Apri Stili sito, quindi clicca su Colori.
  2. Clicca sulla combinazione di colori per la sezione che desideri modificare.
  3. 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:

  1. Clicca su Modifica nella pagina o nell'elemento con il blocco di testo, quindi clicca all'interno del blocco di testo.
  2. Evidenzia il testo che desideri modificare. Può trattarsi di una singola lettera, di una singola parola o di più parole.
  3. 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.
  4. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.
RTE_click_color_circle.png

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:

  1. Durante la modifica di una pagina, clicca sull'icona del pennello, quindi su Tipi di carattere.
  2. In Stili tipi di carattere globali, clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Varie.
  3. Utilizza il cursore Spaziatura lettere per regolare la spaziatura oppure inserisci un nuovo valore em.
  4. 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:

  1. Durante la modifica di una pagina, clicca sull'icona del pennello, quindi su Tipi di carattere.
  2. In Stili di testo globali, clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Varie.
  3. Utilizza il cursore Altezza riga per modificare la spaziatura oppure inserisci un nuovo valore em.
  4. 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

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

Farro

Come il corpo del testo

Come il corpo del testo

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

Ishimoto

Come il corpo del testo

Come il corpo del testo

Momentum

Come il corpo del testo

Come il corpo del testo

No

Montauk

Come il corpo del testo

Come il corpo del testo

Native

Tweak Citazioni e Dimensione citazioni

Come il corpo del testo

Pacific

Come il corpo del testo

Come il corpo del testo

Skye

Come il corpo del testo

Come il corpo del testo

Supply

Come il corpo del testo

Come il corpo del testo

Tremont

Come il corpo del testo

Come il corpo del testo

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

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.

  1. Durante la modifica di una pagina, clicca sull'icona del pennello, quindi su Tipi di carattere.
  2. In Stili di testo globali, clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Varie.
  3. Scegli un'opzione di stile dal menu a discesa Trasforma testo.
  4. 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.

  1. Durante la modifica di una pagina, clicca sull'icona del pennello, quindi su Tipi di carattere.
  2. In Stili di testo globali, clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Varie.
  3. Scegli un'opzione di spessore dal menu a discesa Spessore.
  4. 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.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.