# Font per titoli: caratteri che catturano l’attenzione [Canonical HTML page](https://gradiently.design/it/guide/headline-fonts) Un titolo ha circa un secondo per essere letto. Il font fa una parte sorprendente di quel lavoro. Ecco caratteri gratuiti che si guadagnano l’attenzione, raggruppati per il compito che svolgono meglio, con abbinamenti da usare subito. ## The short version - I buoni font per titoli hanno forme chiare, pesi marcati e abbastanza carattere da essere riconosciuti a colpo d’occhio. - I caratteri condensati come Anton e Bebas Neue contengono parole lunghe a grandi dimensioni, il che va bene per poster e miniature. - Le grazie ad alto contrasto come Playfair Display e DM Serif Display danno ai titoli un tono editoriale e raffinato. - Un font per titoli di solito si abbina a un font più discreto per il testo, come Inter o DM Sans, per tutto il resto. - I titoli scritti in grande di solito richiedono una spaziatura e un’interlinea un po’ più strette di quelle predefinite del font. I migliori **font per titoli** sono quelli che si leggono con un solo sguardo a grandi dimensioni e che portano un tono chiaro: sans serif condensati come Anton o Bebas Neue per l’impatto, grotteschi pesanti come Archivo Black per il peso e grazie ad alto contrasto come Playfair Display o DM Serif Display per l’eleganza. Sono tutti gratuiti su [Google Fonts](https://fonts.google.com). Quello giusto dipende meno dal gusto che dal compito: quante parole, quanto spazio e che sensazione deve dare il titolo. ## Cosa rende buono un font per titoli - **Forme chiare a colpo d’occhio.** Controforme aperte e lettere distinte, così le parole si leggono prima che l’occhio si fermi. - **Peso in abbondanza.** Una famiglia con bold, extra bold o black, perché i titoli sui telefoni richiedono tratti pesanti. - **Buona spaziatura e crenatura predefinite.** Le lettere grandi ingigantiscono ogni vuoto; i font ben fatti richiedono meno correzioni. Vedi [la crenatura](https://gradiently.design/it/guide/kerning). - **Un tono in linea con il messaggio.** Forte, calmo, lussuoso o tecnico. Il font lo dice prima delle parole. - **La larghezza giusta per il tuo spazio.** I caratteri condensati contengono parole lunghe in formati stretti; quelli larghi vanno bene per parole brevi con spazio intorno. ## I migliori font gratuiti per titoli, per stile | Stile | Google Fonts da provare | Sensazione | Ideale per | | --- | --- | --- | --- | | Sans condensato | Anton, Bebas Neue, Oswald, Barlow Condensed, Big Shoulders Display | Forte, urgente, sportivo | Poster, miniature, post per i saldi | | Grottesco pesante | Archivo Black, Inter Tight, Work Sans in black | Diretto, moderno, senza fronzoli | Annunci, lanci di prodotto | | Sans geometrico | Montserrat, Poppins, Outfit, League Spartan | Amichevole, pulito, tondo | Startup, servizi, post social | | Sans di carattere | Bricolage Grotesque, Space Grotesk, Syne | Distintivo, attuale, un po’ stravagante | Marchi che vogliono una voce | | Serif ad alto contrasto | Playfair Display, DM Serif Display, Instrument Serif | Editoriale, raffinato, costoso | Moda, bellezza, riviste, menu | | Serif morbido | Fraunces, Young Serif | Caldo, artigianale, accessibile | Cibo, caffè, negozi indipendenti | Una prima selezione. Ogni font qui è gratuito su Google Fonts con una licenza aperta che consente l’uso commerciale. Qualche nota utile prima di scegliere. **Bebas Neue** ha solo maiuscole, quindi va bene per frasi brevi gridate più che per periodi. **Oswald** è una rielaborazione dello stile classico Alternate Gothic e ha diversi pesi, il che lo rende più flessibile di Anton. **Fraunces** è un font variabile con assi per la morbidezza e una modalità «wonky» giocosa, quindi una sola famiglia può passare dal netto al coccolone. **Syne** diventa nettamente più largo nei pesi più pesanti, il che dà a un titolo audace una vera presenza. Un post verticale di saldi con SALDI D’ESTATE in grandi maiuscole condensate su un gradiente brillante Parole brevi e gridate in maiuscolo: il registro per cui è fatto un carattere condensato come Anton o Bebas Neue. Un post editoriale verticale con un titolo in serif raffinato che dice Il ritorno silenzioso del lino Un titolo editoriale vuole l’opposto: una serif ad alto contrasto come Playfair Display rallenta il lettore e comunica cura. ## Come scegliere un font per titoli 1. **Scrivi prima il titolo vero** Prova con le tue parole reali, non con il testo di esempio del font. Un carattere che sta benissimo su «Hamburgefonts» può sembrare strano sul nome del tuo brand. 2. **Misura lo spazio** Un titolo lungo in un formato stretto, come una storia o un pin, richiede un carattere condensato. Righe brevi in formati larghi possono permettersene uno più largo. 3. **Abbina il tono al messaggio** Scrivi tre parole per come deve sembrare il titolo. Preseleziona solo font che le rispettano tutte e tre. 4. **Prova alla dimensione reale più piccola** Riduci il design alla dimensione del telefono o a una miniatura in griglia. I tratti sottili e le controforme strette cedono per primi. 5. **Abbinalo a un font discreto per il testo** Scegli un carattere calmo e leggibile per il testo di supporto, così il titolo resta la cosa più forte della pagina. ## Abbinare i font per titoli al testo Un font per titoli è uno specialista. Brilla a 90 px e stanca l’occhio a 16 px. Abbinalo a un cavallo di battaglia che si legge bene nei paragrafi e non dà nell’occhio. Gli abbinamenti più sicuri contrastano in un modo chiaro, di solito serif contro sans, oppure condensato contro larghezza normale. [L’abbinamento dei font](https://gradiently.design/it/guide/font-pairing) spiega i principi e [gli abbinamenti di Google Fonts](https://gradiently.design/it/guide/google-fonts-pairings) ha molte altre combinazioni. | Titolo | Testo | Perché funziona | | --- | --- | --- | | Anton | Inter | Impatto condensato su un sans neutro e leggibilissimo | | Playfair Display | Source Sans 3 | Il classico contrasto editoriale tra serif e sans | | Bricolage Grotesque | DM Sans | Un titolo di carattere su un testo geometrico calmo | | DM Serif Display | DM Sans | Disegnati come compagni, quindi le proporzioni coincidono | | Archivo Black | Archivo | Una famiglia in due pesi, l’abbinamento più semplice che ci sia | | Fraunces | Manrope | Serif caldo e morbido su un sans pulito e moderno | Sei abbinamenti costruiti con Google Fonts gratuiti. Usa il carattere del titolo per una o due righe; lascia che quello del testo porti tutto il resto. ## Come impostare il testo dei titoli: corpo, spaziatura e interlinea Anche il font giusto sembra debole con le impostazioni predefinite. Le lettere grandi richiedono una spaziatura e un’interlinea più strette del testo e meno parole. In pratica significa una spaziatura tra le lettere intorno a meno 0,01 o meno 0,03 em e un’interlinea intorno a 1,0 o 1,1. In un post social da 1080 px un titolo sta di solito tra 90 e 140 px; [il corpo del testo per i post Instagram](https://gradiently.design/it/guide/font-size-for-social-media) ha la scala completa. ### Da evitare - Un peso leggero per il titolo principale su un telefono - Font script o decorativi per titoli lunghi - Interlinea predefinita su un titolo di tre righe - Due font display diversi in un solo design - Dodici parole in corpo da titolo ### Da fare - Da semibold a black per social e miniature - Un carattere display per l’impatto, un sans per i dettagli - Interlinea vicina a 1,05 per le righe impilate - Un solo carattere per i titoli, usato con coerenza - Da cinque a otto parole, tagliate finché fa male ```html ``` Caricare un abbinamento titolo e testo da Google Fonts. Lo stack di riserva mantiene la riga di larghezza simile mentre il font si carica. Conta anche lo sfondo. Un titolo pesante su un gradiente affollato può comunque spezzarsi dove il colore cambia dietro di esso. I Mark di Gradiently spostano la loro zona più calma dietro le tue parole e scelgono inchiostro chiaro o scuro riga per riga, e i trattamenti Lettering, come Contorno, Incisione ed Estrusione, danno al titolo una presenza in più senza riquadri né ombre. Per le lettere grandi sui poster, vedi [i font display](https://gradiently.design/it/guide/display-fonts) e [i font bold](https://gradiently.design/it/guide/bold-fonts); per le miniature, [il testo nelle miniature](https://gradiently.design/it/guide/typography-for-thumbnails). ## FAQ ### Qual è il miglior font per i titoli? Dipende dal compito. Anton o Bebas Neue vanno bene per titoli forti e brevi; Playfair Display o DM Serif Display per quelli editoriali; Montserrat o Outfit per quelli amichevoli e puliti. ### I Google Fonts sono gratuiti per uso commerciale? I font di Google Fonts sono rilasciati con licenze aperte, per lo più la SIL Open Font License, che consentono l’uso commerciale. La pagina di ogni font su Google Fonts mostra la sua licenza, quindi controllala prima di farci affidamento. [La licenza dei font](https://gradiently.design/it/guide/font-licensing) spiega i dettagli. ### I titoli devono essere serif o sans serif? Va bene entrambi. I sans serif sembrano diretti e moderni; i serif editoriali e raffinati. Scegli in base al tono che vuoi, poi abbina l’opposto per il testo. ### Che dimensione deve avere un titolo? In un post social da 1080 px, circa da 90 a 140 px. In un sito, circa da 2,5 a 4 volte il corpo del testo, a seconda della tua scala tipografica. ### Posso usare due font per titoli in un solo design? Raramente è una buona idea. Un carattere display più uno calmo per il testo dà una gerarchia più chiara e sembra più voluto.