Email Typography: 8 Best Fonts for Email (And Custom Email Font Ideas)

La maggior parte delle aziende con un solido seguito hanno abbracciato completamente tutto ciò che l’email marketing ha da offrire a questo punto. Newsletter via e-mail, autorisponditori, e chi più ne ha più ne metta. L’email marketing è stato un modo coerente per tenere il dito sul polso delle esigenze dei tuoi clienti, promuovendo contemporaneamente tutti gli ultimi prodotti o servizi che hai in offerta.

Il fatto che tu possa raggiungere i clienti molto tempo dopo che hanno lasciato il tuo sito web è così potente. Tuttavia, una vecchia email qualsiasi non basta. Il modo in cui presenti il contenuto della tua email è una parte essenziale per catturare l’attenzione e incoraggiare i clienti a leggere effettivamente le tue email piuttosto che cancellarle a vista.

Il design gioca un ruolo cruciale qui. Ma probabilmente uno degli aspetti più importanti da curare è la scelta dei font. I font sicuri per le email rendono più facile per i clienti leggere quello che hai da dire, il che significa che avrai più probabilità di ottenere quella conversione.

E’ quello di cui parleremo qui oggi.

Che cosa sono i font sicuri per le email?

Si è tentati di usare font fantasiosi per le tue email. Dopo tutto, vuoi fare un’impressione positiva. E vuoi far risaltare il tuo contenuto. Tuttavia, i font speciali non sempre vengono visualizzati correttamente in tutti i client di posta elettronica. Infatti, se un font non è supportato, un client di posta elettronica può finire per utilizzare un font di ripiego che potrebbe rovinare il tono desiderato nel migliore dei casi o oscurare la leggibilità del contenuto nel peggiore.

Questo è il motivo per cui è altamente raccomandato di attenersi a font sicuri solo quando si creano contenuti di email marketing. Arriveremo ai dettagli tra un momento. Ma prima, discutiamo brevemente di come una buona scelta dei font può effettivamente avere un impatto enorme sul tuo tasso di conversione.

Come presenti le tue email può fare la differenza tra il tuo pubblico che le legge… e quello che le manda direttamente nel cestino. 😬 🗑 Scopri di più sui font sicuri per le email e perché ne hai bisogno ⬇️Clicca per Tweet

Come i buoni font aumentano le conversioni

La maggior parte delle persone passa solo 11 secondi sulle email. Questo significa che qualsiasi font tu scelga deve essere leggibile e scannerizzabile. Hanno bisogno di offrire quella comodità “a colpo d’occhio”. Spesso, questo significa affidarsi a font standard che tutti conoscono già. Sembra noioso? L’alternativa è peggiore. Infatti, le persone impiegano il doppio del tempo per leggere i font di fantasia. E se le persone passano solo 11 secondi su un’email, è una tonnellata di tempo sprecato.

Non è solo il font scelto che ha un impatto sulle conversioni, tuttavia. Anche la dimensione del font scelto è importante. Infatti, secondo una ricerca condotta da Click Laboratory, aumentare leggermente le dimensioni di un font può avere un impatto enorme sul tuo tasso di conversione.

La ricerca ha coinvolto l’aumento di un blocco di testo impostato sul font Arial da 10pt a 13pt. È stato aggiunto anche più spazio tra le linee di testo. La versione 13pt del font ha funzionato molto meglio perché il contenuto era ora più facile per gli occhi e più leggibile.

Questo piccolo cambiamento ha ridotto il bounce rate del 10% e ha aumentato il tasso di conversione di un enorme 133%! Tutto questo grazie all’aumento di due punti della dimensione del carattere!

C’è anche una psicologia nella scelta del carattere. Questo si applica soprattutto ai loghi, ma sarebbe utile tenere a mente queste informazioni quando si selezionano i font delle email. Alcuni tipi di font hanno certi “sentimenti” associati a loro. According to Crazy Egg, the five main font types elicit different emotions or associations:

Serif Fonts

Examples include Times New Roman, Baskerville, and Georgia. Serif fonts exude a sense of respectability, reliability, and tradition. Older brands (or those that want to appear as though they’ve been around for decades) make solid use of these sorts of fonts to instill confidence. The Tiffany & Co logo serves as a solid example.

Vogue, too:

Sans Serif Fonts

Examples include Helvetica, Calibri, and Franklin Gothic. Sans serif fonts give off a modern look that’s clean, simple, and straightforward. These fonts give off the impression of reliability and stability. Sans serif fonts are very corporate-looking. Netflix features a sans serif font:

Modern Fonts

Examples include Futura and Century Gothic. Modern fonts can appear stylish, chic, or give an overall sense of strength. Hulu’s logo is a popular example of one using a modern font:

Script Fonts

Examples include Edwardian Script and Bickham Script. Script fonts will likely not be a wise choice for use in your emails. However, they do make an impact when used in logos and that could work for graphical elements. Coca-Cola is a timeless example of a script font used well:

Display Fonts

Examples include Cooper and Valencia. Words and feelings commonly associated with display fonts include a sense of individuality or uniqueness, friendliness, or expressiveness. Per i loghi (e possibilmente per le intestazioni), i display font possono avere un vero impatto e distinguersi. Disney offre uno dei loghi più conosciuti al mondo, ed è caratterizzato da un display font:

Con queste informazioni in mente, possiamo ora passare a come si può selezionare il miglior font per le email.

Tipografia email: Come scegliere i migliori font

Ora conosci i cinque tipi base di font che sono disponibili (oltre ai simboli, suppongo). E sai che diversi tipi di font creano diverse emozioni nei tuoi clienti. Ma in che modo conoscere il tipo di font che usa la Coca-Cola si traduce nella scelta del font giusto per le tue email newsletters?

Tuffiamoci dentro.

Qualunque font tu scelga di usare nelle tue email aziendali deve includere le seguenti 4 qualità:

Qualità #1: Leggibilità

Abbiamo già menzionato questa qualità ma va ripetuta perché è la più importante in assoluto. Se il tuo font non è leggibile, nessuno sarà in grado di leggere le tue email. E se non possono essere lette, certamente non puoi aspettarti conversioni, no?

Qualità #2: Chiarezza

Fontes puliti e nitidi con linee precise sono ciò che funzionerà meglio nel tuo email copy. Niente di fluttuante o ghirigoro. E certamente niente con linee super sottili o leggere. Anche le dimensioni dei caratteri più grandi funzionano meglio. Fate il vostro font uno o due punti più grande di quello che fareste di solito, assicuratevi che il peso del font sia decente (ma non in grassetto), e mirate ad una interlinea di 1.15.

Qualità #3: Psicologicamente appropriato

Come detto sopra, certi tipi di font hanno sentimenti specifici associati ad essi. Assicurati che il carattere (o i caratteri) che selezioni si adatti all’umore generale che stai cercando di trasmettere con il tuo contenuto e allo scopo del tuo contenuto. Apparire affidabile o come una figura di autorità potrebbe essere vantaggioso se stai cercando di vendere qualcosa, per esempio.

Qualità #4: Brand Appropriato

Similmente, qualsiasi font tu scelga dovrebbe avere un senso logico per il tuo settore o nicchia. Se la tua azienda ha un’atmosfera antiquata, usare un font super moderno o in stile display non sarebbe adatto. Allo stesso modo, se gestisci un’azienda basata sulla tecnologia, qualcosa di rustico o formale probabilmente non sarebbe adatto. Tutto si riduce a ciò che si sente giusto.

8 Best Fonts for Email

Abbiamo definito i fonts sicuri per le email. Abbiamo anche parlato di come puoi restringere la tua selezione di font. Ma ora è il momento di entrare nello specifico di quali font sono effettivamente email-safe e come pensare fuori dagli schemi senza sacrificare la leggibilità o danneggiare il tuo tasso di conversione.

I font di base email-safe

C’è un set di base di font leggibili (anche se noiosi) email-safe che la maggior parte dei client di posta elettronica possono riconoscere. Let’s take a look at each of those now.

Arial

Arial is a very commonly used typeface. It was originally created in 1982 by Patricia Saunders and Robin Nicholas of Monotype Imaging. Though originally designed for use in an IBM laser printer, it has since become a web content favorite.

Verdana

Verdana is a font that was designed with screen displays in mind. It was developed by Matthew Carter and features wide characters and large spacing between each character to improve on-screen legibility. It’s another staple choice supported by most email clients.

Helvetica

And then there’s Helvetica, one of the most popular fonts currently in existence. È leggibile, facile da vedere ed è supportato dalla maggior parte dei programmi di elaborazione testi, dai client di posta elettronica e dai browser web.

Georgia

Georgia è un altro font comune che si trova supportato nei client di posta. È intrinsecamente leggibile, ha lettere largamente spaziate, e usa un design dei caratteri che rende ogni lettera distinta per evitare confusione. C’è anche una buona varianza tra i pesi regolari e in grassetto che lo rendono utile per aggiungere enfasi.

Tahoma

Tahoma è un’altra opzione supportata dalla maggior parte dei client email. È una delle famiglie di font sans serif più popolari sui sistemi operativi Windows. È stato creato con in mente la visualizzazione su schermo, con chiarezza e leggibilità ottenibili anche a dimensioni di carattere più piccole. It was originally created by Matthew Carter.

Lucida

Or, you could use Lucida, another sans font family that prioritizes clean lines, a clear style, and distinct letterforms. Letter spacing is wider than standard and each character is a bit taller as well, adding more elements of legibility.

Trebuchet

Trebuchet is another option available that you could easily use in your email designs. It was created by Vincent Connare in 1996 and is a sans serif font. It was designed for screen reading and features larger line-heights, rounded edges, and wider character spacing.

Times New Roman

Lastly, there’s Times New Roman, a font that really doesn’t need much of an introduction. Ha un aspetto tradizionale ed è spesso usato come carattere predefinito nei programmi di elaborazione testi. È leggibile sullo schermo e sulla stampa.

Il tuo client di posta elettronica potrebbe avere accesso ad altri font, ma quelli sopra elencati sono i più leggibili e i più comunemente riconosciuti.

Fonts personalizzati per le email

Se le scelte di base dei font non ti interessano, c’è un’altra opzione. Puoi invece usare i font HTML per creare un look più personalizzato. Tuttavia, è importante notare che non tutti i servizi di email marketing possono o visualizzeranno correttamente i web font.

Ma prima, fermiamoci a discutere su come funzionano i web font.

Come funzionano i web font

I web font, come il loro nome suggerisce, esistono solo sul web. Non sono inclusi in sistemi operativi, dispositivi, app o software. Esistono online e possono essere aggiunti ai vostri progetti tramite frammenti di codice, plugin e altri mezzi. Più spesso che no, troverai i web font usati sui siti web. Diversi client di posta elettronica attualmente supportano l’uso di web font, tra cui:

• Android Mail
• Apple Mail
• iOS Mail
• Outlook 2000
• Outlook.com App
• Thunderbird

I web font non sono supportati in tutti questi client di posta elettronica allo stesso modo, tuttavia. Alcuni richiedono solo un link, mentre altri richiedono uno snippet di codice che importi il web font. Di più su questo in un momento. E’ innanzitutto importante riconoscere che anche se un client di posta elettronica non supporta il web font da te scelto (o il suo metodo di inclusione), il tuo contenuto non avrà necessariamente un aspetto terribile.

La maggior parte dei client di posta elettronica include un’opzione di fallback. Cioè, se il web font incluso nella tua email non riesce a caricarsi correttamente, il client email servirà invece un font di ripiego. Di solito è una delle opzioni generiche che abbiamo elencato sopra, ma la cosa buona è che a) il tuo contenuto sarà ancora leggibile, b) il tuo contenuto non sarà brutto perché i font standard sono diventati lo standard per una ragione (sono semplici e facili da leggere), e c) spesso puoi selezionare quale font vorresti usare come fallback.

Per darti un’idea di cosa intendiamo, il font di default di Gmail è Arial mentre Apple Mail usa Helvetica. Outlook usa Calibri mentre iOS usa San Francisco (un font che Apple ha creato appositamente per i suoi dispositivi e che è stato fortemente ispirato da Helvetica Neue.

Se si decide di utilizzare i web font, si dovrebbe testare su varie piattaforme prima del lancio.

Alcuni servizi di email marketing già includono il supporto per i web font. Campaign Monitor, per esempio, include diverse opzioni di web font nel suo costruttore di email drag-and-drop e le opzioni di fallback sono automaticamente impostate per voi con il minimo sforzo.

Se la vostra piattaforma di email marketing non include il supporto web font nativamente, è possibile aggiungerlo tramite codice.

Ci sono diversi frammenti di codice che puoi usare per incorporare i web font nelle email HTML.

<link>

Utilizzare <link> per aggiungere web font alle tue email è una scelta popolare. Ogni web font selezionato definirà l’URL per te. Quindi, se stai ospitando il font da solo, cambialo con l’URL del tuo font sul tuo sito. Se il font è ospitato dal venditore di web font, usa l’URL che ti forniscono.

Metterai lo snippet di codice nella sezione <head> del codice della tua email. Dovrebbe apparire proprio all’inizio. Questo metodo è supportato dalla maggior parte dei client di posta elettronica e si carica abbastanza velocemente. Potresti incorrere in alcuni problemi, tuttavia, se il file del web font è sul lato più grande.

Quindi, se ottieni il tuo web font da Google Fonts, vedrai quanto segue dopo aver selezionato gli stili del tuo font e selezionato il link come metodo di incorporamento preferito:

@import

Un altro modo per aggiungere web font alle email è usare @import. Questo è super semplice e funziona bene anche sulla maggior parte dei client di posta elettronica. L’unico intoppo è con alcune vecchie versioni di Android.

Proprio come con il <link> codice snippet, inserirai @import nel <head> sezione della tua email. Di nuovo, in Google Fonts, questo è ciò che si vede dopo aver selezionato un font, i suoi stili, e cliccando la bolla accanto a @import:

Se stai usando un servizio di web font diverso, potresti non ottenere un codice embed come questo, e invece, dovrai digitare tu stesso lo snippet di codice. Usa l’URL che il tuo servizio di web font ti fornisce, o se scegli di ospitare il font da solo, usa il link appropriato sul tuo server.

@font-face

Questa regola fa sì che tu possa scaricare un font da un server o ospitarlo in modo che possa essere usato su un sito web, o in questo caso, nelle tue email. Funziona in modo simile ai due metodi precedenti in quanto scarica i font al volo in modo che possano essere utilizzati dal tuo sito web o dai tuoi messaggi email. Come per tutti gli altri metodi discussi qui, incollate questo frammento di codice nella sezione <head> dell’HTML della vostra email.

Quindi, secondo Mozilla, se volessi aggiungere il font Open Sans alle tue email, dovresti usare il seguente snippet di codice:

@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),url("/fonts/OpenSans-Regular-webfont.woff")format("woff");}

Specificare le alternative di font web

Sebbene tu voglia sempre che il web font che hai selezionato con cura funzioni, non sarà sempre così. Che sia a causa di un errore del server o della compatibilità del sistema, è una buona idea non lasciare al caso l’opzione di fallback selezionata. Quindi, usando ancora @font-face, si può effettivamente specificare quale font locale si vuole utilizzare nel caso in cui il font web preferito non possa essere scaricato.

Possiamo usare lo stesso frammento di codice di cui sopra e modificarlo per includere un’opzione di font di ripiego:

@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),url("/fonts/OpenSans-Regular-webfont.woff")format("woff");local("Helvetica")}

Dove trovare font web da usare nelle tue email

Ci sono diversi posti online dove puoi trovare font web. Basta essere consapevoli di tutti i requisiti di licenza che hanno. Ogni sito può avere diverse specifiche da seguire, quindi tienilo a mente.

• Google Fonts: Questo è uno dei luoghi più popolari per trovare font web attualmente, offrendo una libreria open source di font da utilizzare ovunque e in qualsiasi momento. Attualmente presenta 1.020 famiglie di font.
• Fonts.com: Questa è un’altra fantastica risorsa per i font di tutti i tipi, dal desktop al web font. In realtà è il negozio di Monotype e dispone di oltre 150.000 font da sfogliare e forse acquistare.
• Typography.com: Questa è la vetrina di H&Co, una fonderia che comprende 1.500 caratteri che possono essere utilizzati sul web e per la stampa.
• Font Squirrel: Se stai cercando una selezione completamente gratuita, Font Squirrel potrebbe fare al caso tuo. Questo sito presenta solo font gratuiti che possono essere utilizzati per scopi commerciali.
• Adobe Fonts: Precedentemente conosciuto come Typekit, Adobe Fonts include migliaia di font tra cui scegliere, tutti disponibili con un abbonamento a Creative Cloud.
• Fontspring: Mentre devi comprare i web font elencati su Fontspring, sono disponibili senza un abbonamento e di solito includono licenze illimitate per una maggiore comodità.
• MyFonts: Questa è un’altra impresa di proprietà di Monotype, con elenchi di tonnellate di font sia per la stampa che per il web.
• Village: Questo è in realtà un collettivo di diverse fonderie che si sono unite per vendere i loro font in modo indipendente.
• Process Type Foundry: Questa è una piccola impresa che è stata fondata nel 2002 da due type designer e vendono i font che producono al grande pubblico.
• FontShop: Infine, c’è FontShop, un’altra vetrina di Monotype e un posto dove sfogliare e acquistare web fonts.

High-Quality, Readable Web Fonts

Se hai bisogno di ispirazione, i seguenti sono tutti esempi di web fonts che sono facili da leggere e potrebbero essere aggiunti alle tue emails usando i metodi descritti sopra.

Open Sans

Open Sans è un font sans serif altamente leggibile, ideale per la lettura su schermo. È stato progettato da Steve Matteson e presenta forme aperte. Tutte le lettere sono facili da leggere e sembrano buone anche a tutte le dimensioni.

Roboto

Roboto è un altro font web di alta qualità che sembra ottimo sullo schermo. Ha un design geometrico con curve aperte, creando una dicotomia attraente che semplicemente funziona. Each letter maintains a natural width, resisting the typical rigidity of grotesk fonts.

Raleway

Or, you could opt for Raleway, another sans serif font that offers thinner lines and a more elegant appeal. The typeface family was originally designed by Matt McInerney, then expanded later by Pablo Impallari and Rodrigo Fuenzalida.

Century Gothic

Century Gothic is a web font that offers a classic look. And it makes sense that this is the case since it’s actually a modernized version of older fonts from the 1920s and 30s. It has broad support across browsers and is readable on screens.

Proxima Nova

Proxima Nova is another web font option that is actually a re-envisioned version of the Proxima Sans font, which was first created in 1994. The font is slightly geometric but natural as well and would make for an excellent selection for your email copy.

Quasimoda

Quasimoda is a stylish web font that’s easy on the eyes and universal in its appeal. It was created by Lettersoup, a type foundry based in Berlin, Germany that was started by Botio Nikoltchev in 2014.

PT Sans Pro

PT Sans Pro might be just what you’re looking for in a web font. It offers rounded letterforms and a natural look. It was designed by Paratype, a digital font company that got its start in the 1980s.

Brandon Grotesque

The Brandon Grotesque web font was created by HVD Fonts. HVD è stata fondata da Hannes von Döhren e l’azienda si concentra sulla creazione di font facili da leggere, professionali, ma eleganti che funzionano per qualsiasi numero di applicazioni.

Sofia Pro

Sofia Pro è un font sans serif progettato da Mostardesign nel 2008. Mantiene un senso di modernità mentre include anche forme arrotondate. Raggiunge un solido equilibrio tra disegni armoniosi e geometrici.

Museo Sans

Infine, c’è Museo Sans, che è una nuova versione del popolare font Museo. È caratterizzato da un design sans serif geometrico che può essere usato sia nei titoli che nel testo scritto. È leggibile e multiuso, il che lo rende un cavallo di battaglia per le e-mail. E’ stato progettato da Exljbris nel 2008.

Una nota sull’uso delle immagini nelle email rispetto al testo

Se si incorpora un’immagine come un poster o anche uno screenshot del testo scritto in un bel font, questo può essere un modo per aggirare il problema dei font sicuri per le email. Questo viene con i suoi problemi, tuttavia, poiché le immagini nelle e-mail non sempre vengono visualizzate, o potrebbero non essere visualizzate correttamente su alcuni schermi. C’è anche il problema dei lettori di schermo, che, a meno che non si includa il testo alt, non sapranno cosa dice l’immagine.

Fate attenzione quando usate le immagini nelle email e usatele solo per migliorare il contenuto del vostro messaggio, non per fornire informazioni chiave. Quindi, se vuoi annunciare una vendita speciale sul tuo sito web, non limitarti a includere un’immagine del poster di vendita con i dettagli del prodotto elencati su di esso e chiamarlo un giorno.

Tu, come minimo, devi includere anche il testo dell’immagine come testo semplice. Meglio ancora, evita del tutto questa ridondanza e usa solo testo sicuro per le email e salva le immagini per un interesse visivo occasionale.

L’unica eccezione basata sul testo che posso pensare che renderebbe appropriato l’uso del testo come immagine è un logo, dove il nome della società o del marchio è già un dato di fatto.

Fatto divertente: la maggior parte delle persone passa solo 11 secondi a leggere una email.⏱ Non perdere quel tempo prezioso con font difficili da leggere. 🙅♀️ Dai un’occhiata a questa guida alle opzioni di font sicuri per le email e cattura più contatti! Click to Tweet

Sommario

Non tutti i font vanno bene quando si inviano messaggi email a clienti e prospect. Infatti, non riuscire a scegliere un buon font può danneggiare significativamente il tuo tasso di conversione. Quindi, i font che scegliete devono essere sicuri per le email, fare una buona impressione e offrire un’ottima leggibilità.

In questo articolo, abbiamo esaminato i principali tipi di font là fuori e l’impatto psicologico che possono avere. Abbiamo mostrato esempi di font che la maggior parte dei client di posta supporta. Abbiamo anche parlato di font web, come puoi aggiungerli al tuo sito, così come abbiamo offerto risorse ed esempi di font web che puoi usare per iniziare.

Spero che ora tu abbia un’idea migliore dell’impatto dei font sicuri per le email. E con questa guida in mano, potrete fare scelte informate mentre vi avvicinate alla vostra prossima campagna email.