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 nella stampa o nei media online. Sicuramente conosce alcuni dei font più comuni, come Arial o Times New Roman, ma ci sono migliaia di altri font che può utilizzare per comunicare e rappresentare il suo 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 visualizza 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 dei contenuti online) che indica al suo dispositivo quale carattere visualizzare. Se il dispositivo non può accedere al font, controllerà il CSS per trovare un "font di riserva" (un font, 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 fallback dovrebbero essere font sicuri per il web, utilizzabili dalla maggior parte dei dispositivi, e le consentono di avere un maggiore controllo su come appare il suo messaggio quando qualcuno lo visualizza su un dispositivo che non supporta 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 supportano i font web, altri no. Quando qualcuno apre la sua e-mail in una casella di posta o su un dispositivo che non supporta i font web, vedrà invece utilizzato un font predefinito. Può controllare quali font di sistema vengono utilizzati come backup, impostando un font di fallback.

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

Si noti che Gmail, uno dei maggiori client di posta elettronica, non supporta generalmente i font web. Tuttavia, c'è un'eccezione specifica: Gmail supporta Roboto. 

Ottimizzazione delle 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 preferisce utilizzare un font personalizzato, si lasci andare alla creatività per garantire che le sue e-mail siano ben disegnate su tutti i dispositivi, utilizzando i suggerimenti che seguono. 

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