Skip to content

Testo e tipografia

Aggiungi testo tramite schede di aggiunta rapida, una galleria di stili o lo strumento testo, quindi formattalo con una libreria di font ricercabile e l'intera gamma di controlli tipografici nel pannello delle proprietà.

Panoramica rapida

  1. Fai clic su Aggiungi un riquadro di testo o su una scheda di aggiunta rapida per un titolo, un sottotitolo o una linea di corpo nel pannello di sinistra.
  2. Oppure premi T (lo strumento testo) e fai clic in un punto qualsiasi della tela per posizionare un nuovo riquadro di testo, oppure fai clic su un testo esistente per modificarlo.
  3. Fai doppio clic su qualsiasi oggetto di testo per modificarne il contenuto in linea; premi Esc per terminare.
  4. Usa il pannello delle proprietà per impostare font, spessore, dimensione, stile, allineamento, spaziatura tra lettere, interlinea, padding, colore di riempimento e opacità.
  5. Dai un tocco iniziale con un preset di stile testo o un abbinamento di font, entrambi nel pannello Testo.

Riferimento dettagliato

Aggiunta di testo

Punto di ingressoFontDimensioneNote
Aggiungi un riquadro di testoDM Sans20 pxParagrafo semplice, pronto per essere sovrascritto
Aggiungi un titoloUnbounded28 px, grassettoUn font display usato solo per i titoli
Aggiungi un sottotitoloDM Sans20 px, semigrassetto
Aggiungi un po' di testo del corpoDM Sans14 px
Strumento testo (T)DM Sans24 pxFai clic sulla tela vuota per un nuovo riquadro, fai clic sul testo esistente per modificarlo

Ogni scheda di aggiunta rapida viene adattata al testo segnaposto al momento dell'inserimento, quindi inizia aderente anziché come blocco a larghezza fissa, e rimane ridimensionabile manualmente tramite le maniglie degli angoli. Aggiungi un riquadro di testo ti porta direttamente alla modifica in linea con il segnaposto selezionato, così puoi sovrascriverlo immediatamente.

Galleria di stili di testo

Una galleria di 20 preset progettati, ciascuno una piccola pila di linee stilizzate (ad esempio un'etichetta più un titolo), raggruppati in quattro categorie:

CategoriaSensazione
GrassettoCaratteri display pesanti per dichiarazioni e titoli
EleganteAbbinamenti serif e corsivi per un tono raffinato
Scritto a manoAccenti corsivi e di scrittura a mano
MinimalPesi leggeri e spaziatura generosa tra le lettere

Cerca per parola chiave o filtra per categoria. La galleria mostra 8 preset alla volta; Carica altri rivela il resto. Cliccando su un preset si inserisce un insieme raggruppato di linee di testo; fai doppio clic sul gruppo per separarlo e modificare ogni linea singolarmente.

Abbinamenti di font

Otto combinazioni curate di titolo e corpo, ciascuna inserita come titolo modificabile sopra una linea di corpo:

AbbinamentoFont del titoloFont del corpo
EditorialePlayfair DisplayDM Sans
ModernoAnton (maiuscolo)Outfit
EleganteCormorant Garamond (corsivo)DM Sans
Impatto audaceBebas NeueDM Sans
GiocosoPacificoOutfit
PulitoOutfitOutfit (light)
ClassicoLoraDM Sans
DichiarazioneOswald (maiuscolo)DM Sans

Campi dinamici

Due campi intelligenti inseriscono testo live che riflette il design corrente anziché il contenuto digitato:

CampoInserisce
DataLa data odierna, scritta per esteso
Numero di paginaLa posizione della pagina corrente, a partire da 1

Entrambi vengono inseriti come normali oggetti di testo che puoi ristilizzare liberamente. Il valore viene catturato nel momento in cui inserisci il campo, quindi reinseriscilo se la data o la pagina cambiano. Si abbinano bene con Generatore in blocco quando stai generando molte pagine personalizzate contemporaneamente.

Controlli di formattazione

Disponibili nel pannello delle proprietà ogni volta che un oggetto di testo è selezionato:

ProprietàIntervallo/opzioniNote
Famiglia di fontElenco ricercabileCerca tra le famiglie integrate e qualsiasi font che hai caricato
Spessore100-900Vengono visualizzati solo gli spessori effettivamente supportati dalla famiglia selezionata
Dimensione6-120 px
StileGrassetto, corsivoInterruttori indipendenti
AllineamentoSinistra, centro, destraAllinea le linee di testo all'interno del riquadro
Spaziatura tra lettere-5 a 30
Interlinea0.5 a 3Moltiplicatore della dimensione del font; default 1.16
Padding0-200 pxSpazio mantenuto intorno al testo all'interno del suo riquadro di delimitazione
RiempimentoNessuno, colore solido, gradiente, immagine
Opacità0-100%

Modificare la Dimensione su un riquadro di testo ne riadatta la larghezza al nuovo contenuto, in modo che la cornice non rimanga più larga del testo.

Effetti

Tratto, ombra e trasformazioni di maiuscole/minuscole si trovano in una sezione separata. Vedi Effetti di testo.

Passo dopo passo

Crea un blocco titolo e corpo

  1. Apri il pannello Testo (Alt+2).
  2. Fai clic su Aggiungi un titolo. Un riquadro "Titolo" in Unbounded, 28 px grassetto, viene posizionato al centro della tela.
  3. Fai clic su Aggiungi un po' di testo del corpo. Viene aggiunto un riquadro "Testo del corpo" in DM Sans, 14 px.
  4. Fai doppio clic su ciascun riquadro per sostituire il segnaposto, quindi premi Esc.
  5. Trascina il riquadro del corpo direttamente sotto il titolo per impilarli.
  6. Regola il titolo nel pannello delle proprietà: aumenta la Dimensione, scegli uno Spessore più pesante e stringi la Spaziatura (tra lettere) per un aspetto display. Usa i pulsanti di allineamento nella sezione Stile per allineare a sinistra, centro o destra il testo all'interno di ciascun riquadro.

Applica un abbinamento di font, quindi regolalo

  1. Nel pannello Testo, apri Abbinamenti di font e scegli una combinazione, ad esempio Editoriale (Playfair Display su DM Sans).
  2. L'abbinamento viene inserito come un titolo e una linea di corpo raggruppati. Fai doppio clic sul gruppo per separarlo.
  3. Seleziona la linea del titolo. Nel pannello delle proprietà imposta Spessore su 700 e abbassa Spaziatura verso -1 per un titolo più stretto.
  4. Seleziona la linea del corpo e aumenta Interlinea fino a circa 1,4 in modo che il testo su più righe respiri.
  5. Riscrivi entrambi i segnaposto con le tue parole.

Inserisci una data dinamica o un numero di pagina

  1. Apri il pannello Testo e fai clic su Campi dinamici.
  2. Fai clic su Data per inserire la data odierna scritta per esteso, o su Numero di pagina per la posizione della pagina corrente.
  3. Il campo arriva come un normale riquadro di testo, quindi ristilizza font, dimensione e colore come qualsiasi altro testo.

Regola interlinea e spaziatura tra lettere per un titolo poster

  1. Aggiungi un titolo e digita due o tre brevi righe.
  2. Selezionalo e apri la sezione Spaziatura nel pannello delle proprietà.
  3. Imposta Interlinea bassa, intorno a 0.9-1.0, in modo che le righe impilate siano vicine come in un poster.
  4. Imposta Spaziatura leggermente negativa per avvicinare i caratteri.
  5. Aumenta Dimensione verso il limite di 120 px per il massimo impatto; per andare oltre, trascina una maniglia angolare per ridimensionare il riquadro oltre il limite numerico.

Attività comuni

ObiettivoCome fare
Paragrafo veloceAggiungi un riquadro di testo, quindi scrivi sopra "Il tuo testo qui"
Titolo displayAggiungi un titolo (Unbounded), quindi aumenta Dimensione e Spessore
Abbinare un aspetto curatoScegli un preset di Stile testo o un Abbinamento di font, quindi separa per modificare
Riutilizzare un testo stilizzatoDuplicalo con Ctrl+D e riscrivilo; la copia mantiene la formattazione
Centrare il testo in un riquadroSelezionalo e usa i pulsanti di allineamento nella sezione Stile
Allentare un testo densoAumenta l'Interlinea e aggiungi un po' di Spaziatura tra le lettere

Risoluzione dei problemi

Uno spessore sembra identico a un altro

Il menu Spessore elenca da 100 a 900, ma un font renderizza solo gli spessori che effettivamente fornisce. Se Black (900) appare come Bold (700), quella famiglia non ha il taglio Black e il browser passa allo spessore più vicino. Passa a una famiglia con più spessori o applica un font display più pesante.

La dimensione si ferma a 120

Il campo Dimensione è limitato a 120 px. Per un titolo più grande, imposta 120, quindi trascina una maniglia angolare per ridimensionare il riquadro oltre il limite numerico.

Le modifiche interessano l'intero gruppo

I preset di stile testo e gli abbinamenti di font vengono inseriti come gruppo. Le modifiche tipografiche si applicano a tutte le linee contemporaneamente finché non fai doppio clic per separare e selezionare una singola linea.

Il primo titolo potrebbe richiedere una pausa

"Aggiungi un titolo" usa Unbounded, un font display non utilizzato altrove. Al primo caricamento a freddo, viene scaricato prima che il riquadro venga creato, quindi il primo titolo potrebbe richiedere un momento per apparire con le metriche corrette.

Scorciatoie da tastiera

ScorciatoiaAzione
TAttiva lo strumento testo
Doppio clicModifica un oggetto di testo in linea
EscTermina la modifica
Alt+2Apre il pannello Testo

Suggerimenti

Cerca invece di scorrere

Digita nella ricerca dei font anziché scorrere l'elenco. Trova anche i tuoi font caricati, non solo la libreria integrata.

I preset sono punti di partenza, non risposte definitive

Ogni stile testo e abbinamento di font inserisce oggetti completamente modificabili. Fai doppio clic per separare e regolare le singole linee una volta scelta una direzione.

Correlati