Capire i font nelle e-mail

Imparerà 

Scopra le opportunità e i limiti dell'uso dei font online e come inviare e-mail in linea con il suo marchio. 

Come funzionano i font

I caratteri sono rappresentazioni del testo e possono essere utilizzati sia per la stampa che per i media online. Forse conosci alcuni dei font più comuni, come Arial o Times New Roman, ma ci sono migliaia di altri font che puoi utilizzare per comunicare e rappresentare il tuo marchio. 

Con i media online (come i siti web o le e-mail), le opzioni di font sono quasi illimitate. Tuttavia, quando condivide la sua creazione con qualcun altro, potrebbe non avere lo stesso aspetto, perché non tutti i dispositivi hanno accesso agli stessi font. 

Esistono due modi principali in cui un dispositivo può accedere a un font e utilizzarlo: i font di sistema (cioè i font memorizzati sul dispositivo in uso) e i font web (cioè i font caricati da un server esterno).

Informazioni sui font di sistema

I computer e i telefoni sono dotati di una serie di font precaricati. Esistono alcuni font comunemente installati (la maggior parte dei dispositivi viene fornita con Georgia e Verdana, ad esempio), ma i dispositivi possono variare notevolmente in base a ciò che includono di default. I font che vengono utilizzati dalla maggior parte dei dispositivi sono chiamati font "web-safe". 

Informazioni sui font web

A differenza dei font web-safe, i font web vengono caricati da un server esterno contemporaneamente al contenuto che sta visualizzando. I font personalizzati sono generalmente font web. Se utilizza un font web, dovrà impostare anche un font fallback web-safe, nel caso in cui un particolare dispositivo non sia in grado di caricare il suo font web. 

Informazioni sui font di fallback

Quando visualizzi qualcosa online, che si tratti di una pagina web o di un'e-mail, dietro le quinte c'è il CSS (codice utilizzato per lo stile del contenuto online) che indica al tuo dispositivo quale carattere visualizzare. Se il tuo dispositivo non può accedere al font, controllerà il CSS per trovare un "font di riserva" (uno o più font selezionati dalla persona che ha creato il sito web o il messaggio e-mail, da utilizzare nel caso in cui il font preferito non fosse disponibile). I font di riserva dovrebbero essere font sicuri per il web e utilizzabili dalla maggior parte dei dispositivi. Ti permettono di controllare meglio come appare il tuo messaggio quando qualcuno lo visualizza su un dispositivo che non assiste i font personalizzati/web. 

Se non è disponibile un font di fallback, o se il font di fallback non è supportato dal dispositivo utilizzato, il dispositivo utilizzerà un font predefinito, come Arial o Times New Roman. I font predefiniti variano molto tra i dispositivi e le app. 

Come funzionano i font nelle e-mail

Alcuni client di posta elettronica assistono i web font, ma altri non lo fanno. Quando qualcuno apre la tua e-mail in una casella di posta o su un dispositivo che non supporta i font web, vedrà un font predefinito. Puoi controllare quali font di sistema vengono utilizzati come backup impostando un font di riserva.

Se qualcuno apre la sua e-mail su un dispositivo che supporta i web font, caricherà il font dall'URL fornito nel CSS della sua e-mail. Se il dispositivo è in grado di accedere al font, lo visualizzerà; altrimenti, passerà ai font di riserva. 

I seguenti client e-mail supportano i font web (personalizzati): 

• Apple Mail
• iOS Mail (il browser e-mail predefinito su iOS)
• Google Android (tranne Android 2.3, che non supporta il metodo @import utilizzato da Google e Adobe fonts)
• Samsung Mail (Android 8.0)
• Outlook per Mac

Nota che Gmail, uno dei maggiori client di posta elettronica, in genere non assiste i font web. Tuttavia, c'è un'eccezione: Gmail assiste Roboto. 

Ottimizzare i font nelle tue e-mail

Il modo migliore per garantire che la sua e-mail abbia un aspetto coerente tra i vari dispositivi è quello di utilizzare un font web-safe. I font predefiniti di Klaviyo sono generalmente sicuri per il web. Trova i font che Klaviyo fornisce in: 

• Contenuto > Immagini & Marchio > Beni del marchio
• La scheda Stili delle sue e-mail
• La sezione Stili di qualsiasi blocco e-mail contenente testo 
• La scheda Stili dell'editor del modulo di iscrizione 

Suggerimenti per l'utilizzo di font personalizzati

Se preferisci usare un font personalizzato, usa i suggerimenti che seguono per assicurarti che le tue e-mail abbiano un aspetto ben progettato su tutti i dispositivi. 

Utilizza i font di fallback

Selezioni un font fallback sicuro per il web che corrisponda il più possibile al suo font personalizzato. Può selezionare un font di fallback tra i font predefiniti di Klaviyo quando configura il font personalizzato.

Utilizzi il testo nelle immagini

Sebbene un'e-mail interamente di immagini possa danneggiare la sua deliverability, può utilizzare strategicamente una combinazione di testo nelle immagini e di testo nei blocchi di testo per creare un'e-mail in linea con il suo marchio. Scelga un font personalizzato e di marca per le intestazioni e le chiamate all'azione (CTA), e lo abbini a un font sicuro per il web da utilizzare per il testo del corpo. 

Utilizzi immagini contenenti il suo font di marca per selezionare il testo, e si assicuri di aggiungere il testo alt quando aggiunge le immagini alla sua e-mail. Poi, applichi il font web-safe al resto del testo della sua e-mail. Il risultato è un'e-mail di marca che si abbina al suo sito, pur essendo accessibile alle caselle di posta dei suoi abbonati. 

Esegua un test approfondito

Indipendentemente dal metodo che sceglie, testi accuratamente le sue e-mail, soprattutto quando utilizza un nuovo design. Invii l'e-mail a se stesso su più dispositivi per assicurarsi di essere soddisfatto di come appare su ciascuno di essi. Può anche utilizzare programmi di test delle e-mail come Litmus o Email on Acid per effettuare test su una gamma più ampia di dispositivi. 

Risorse aggiuntive

• Come aggiungere font personalizzati nei modelli di email
• Le migliori pratiche per costruire e-mail e moduli accessibili
• Come modificare gli stili del marchio predefiniti in Klaviyo