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
- 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.
- 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. - Fai doppio clic su qualsiasi oggetto di testo per modificarne il contenuto in linea; premi
Escper terminare. - Usa il pannello delle proprietà per impostare font, spessore, dimensione, stile, allineamento, spaziatura tra lettere, interlinea, padding, colore di riempimento e opacità.
- 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 ingresso | Font | Dimensione | Note |
|---|---|---|---|
| Aggiungi un riquadro di testo | DM Sans | 20 px | Paragrafo semplice, pronto per essere sovrascritto |
| Aggiungi un titolo | Unbounded | 28 px, grassetto | Un font display usato solo per i titoli |
| Aggiungi un sottotitolo | DM Sans | 20 px, semigrassetto | |
| Aggiungi un po' di testo del corpo | DM Sans | 14 px | |
Strumento testo (T) | DM Sans | 24 px | Fai 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:
| Categoria | Sensazione |
|---|---|
| Grassetto | Caratteri display pesanti per dichiarazioni e titoli |
| Elegante | Abbinamenti serif e corsivi per un tono raffinato |
| Scritto a mano | Accenti corsivi e di scrittura a mano |
| Minimal | Pesi 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:
| Abbinamento | Font del titolo | Font del corpo |
|---|---|---|
| Editoriale | Playfair Display | DM Sans |
| Moderno | Anton (maiuscolo) | Outfit |
| Elegante | Cormorant Garamond (corsivo) | DM Sans |
| Impatto audace | Bebas Neue | DM Sans |
| Giocoso | Pacifico | Outfit |
| Pulito | Outfit | Outfit (light) |
| Classico | Lora | DM Sans |
| Dichiarazione | Oswald (maiuscolo) | DM Sans |
Campi dinamici
Due campi intelligenti inseriscono testo live che riflette il design corrente anziché il contenuto digitato:
| Campo | Inserisce |
|---|---|
| Data | La data odierna, scritta per esteso |
| Numero di pagina | La 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/opzioni | Note |
|---|---|---|
| Famiglia di font | Elenco ricercabile | Cerca tra le famiglie integrate e qualsiasi font che hai caricato |
| Spessore | 100-900 | Vengono visualizzati solo gli spessori effettivamente supportati dalla famiglia selezionata |
| Dimensione | 6-120 px | |
| Stile | Grassetto, corsivo | Interruttori indipendenti |
| Allineamento | Sinistra, centro, destra | Allinea le linee di testo all'interno del riquadro |
| Spaziatura tra lettere | -5 a 30 | |
| Interlinea | 0.5 a 3 | Moltiplicatore della dimensione del font; default 1.16 |
| Padding | 0-200 px | Spazio mantenuto intorno al testo all'interno del suo riquadro di delimitazione |
| Riempimento | Nessuno, 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
- Apri il pannello Testo (
Alt+2). - Fai clic su Aggiungi un titolo. Un riquadro "Titolo" in Unbounded, 28 px grassetto, viene posizionato al centro della tela.
- Fai clic su Aggiungi un po' di testo del corpo. Viene aggiunto un riquadro "Testo del corpo" in DM Sans, 14 px.
- Fai doppio clic su ciascun riquadro per sostituire il segnaposto, quindi premi
Esc. - Trascina il riquadro del corpo direttamente sotto il titolo per impilarli.
- 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
- Nel pannello Testo, apri Abbinamenti di font e scegli una combinazione, ad esempio Editoriale (Playfair Display su DM Sans).
- L'abbinamento viene inserito come un titolo e una linea di corpo raggruppati. Fai doppio clic sul gruppo per separarlo.
- Seleziona la linea del titolo. Nel pannello delle proprietà imposta Spessore su 700 e abbassa Spaziatura verso -1 per un titolo più stretto.
- Seleziona la linea del corpo e aumenta Interlinea fino a circa 1,4 in modo che il testo su più righe respiri.
- Riscrivi entrambi i segnaposto con le tue parole.
Inserisci una data dinamica o un numero di pagina
- Apri il pannello Testo e fai clic su Campi dinamici.
- Fai clic su Data per inserire la data odierna scritta per esteso, o su Numero di pagina per la posizione della pagina corrente.
- 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
- Aggiungi un titolo e digita due o tre brevi righe.
- Selezionalo e apri la sezione Spaziatura nel pannello delle proprietà.
- Imposta Interlinea bassa, intorno a 0.9-1.0, in modo che le righe impilate siano vicine come in un poster.
- Imposta Spaziatura leggermente negativa per avvicinare i caratteri.
- 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
| Obiettivo | Come fare |
|---|---|
| Paragrafo veloce | Aggiungi un riquadro di testo, quindi scrivi sopra "Il tuo testo qui" |
| Titolo display | Aggiungi un titolo (Unbounded), quindi aumenta Dimensione e Spessore |
| Abbinare un aspetto curato | Scegli un preset di Stile testo o un Abbinamento di font, quindi separa per modificare |
| Riutilizzare un testo stilizzato | Duplicalo con Ctrl+D e riscrivilo; la copia mantiene la formattazione |
| Centrare il testo in un riquadro | Selezionalo e usa i pulsanti di allineamento nella sezione Stile |
| Allentare un testo denso | Aumenta 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
| Scorciatoia | Azione |
|---|---|
T | Attiva lo strumento testo |
| Doppio clic | Modifica un oggetto di testo in linea |
Esc | Termina la modifica |
Alt+2 | Apre 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
- Effetti di testo per tratto, ombra e maiuscole/minuscole
- Generatore in blocco per testo personalizzato basato su dati
- Pannello delle proprietà per il riferimento completo alla formattazione
- Raggruppamento e livelli per separare un preset e modificarne le linee singolarmente