La selezione dei caratteri aiuta a trasmettere l'identità del tuo brand e a migliorare la leggibilità delle tue email. Brevo ti consente di scegliere tra numerose opzioni per i caratteri, per aiutarti a creare bellissime email che facciano colpo sul tuo pubblico e migliorino il riconoscimento del brand.
❓ Quali caratteri possono essere utilizzati per il design delle email?
Durante la progettazione delle tue email, puoi utilizzare:
Un carattere sicuro per il web è un carattere che sarà probabilmente disponibile sulla maggior parte dei dispositivi degli utenti. I caratteri sicuri possono essere utilizzati come sostitutivi nel caso in cui i caratteri che hai selezionato inizialmente non fossero supportati dal dispositivo del tuo destinatario. Scegliendo i caratteri sicuri come sostitutivi, puoi prevenire il rischio di problemi di rendering dei caratteri e garantire che le tue email mantengano la propria forza indipendentemente dal dispositivo su cui vengono lette.
Google fonts (Caratteri Google) è una libreria di caratteri open source gratuiti forniti da Google, che puoi scaricare e utilizzare nei tuoi vari progetti digitali. I caratteri Google sono supportati dai seguenti client email:
|
|
Brevo ti consente di utilizzare i tuoi caratteri nell'editor delle email per progettare email che rispecchino l'identità del tuo brand, garantendo la coerenza e il riconoscimento del brand su tutti i tuoi canali di comunicazione.
Per utilizzare un carattere personalizzato nell'editor delle email di Brevo, puoi procedere in uno dei modi seguenti:
Sfoglia e seleziona un carattere in una libreria di caratteri di un sito web pubblico, ad esempio l'API dei caratteri Google o Adobe. Dopo aver selezionato un carattere, copia il link nel file CSS del carattere. Questo link contiene gli stili e le varianti del carattere e dovrebbe essere simile a:
https://fonts.googleapis.com/css2?family=Your+Font+Name:ital,wght@0,100;1,200&display=swapoppure
https://use.typekit.net/xxxxxxx.css
@font-face. Per utilizzare un carattere personalizzato da un file CSS:
- Carica il file contenente il tuo carattere personalizzato in una delle directory del tuo server. In genere, i file dei caratteri personalizzati sono in formato .woff, .woff2 o .ttf.
Assicurati che il file sia accessibile da un URL diretto, ad esempiohttps://yourserver.com/fonts/your-custom-font.woff2. - Crea un file CSS utilizzando la regola
@font-facee aggiungi il link al file del tuo carattere personalizzato dall'URL sopra indicato. Ad esempio:@font-face {
font-family: 'Your Custom Font';
src: url('https://yourserver.com/fonts/your-custom-font.woff2') format('woff2');
font-weight: normal;
font-style: normal;
} - Carica il file CSS in una delle directory del tuo server.
- In base al tuo dominio e alla posizione del file CSS, recupera l'URL del tuo file CSS.
Ad esempio, se il tuo dominio è thegreenyoga.com, il tuo file CSS si trova nella directory css e il file CSS si chiama thegreenyoga-font, l'URL del file CSS dovrebbe essere:https://thegreenyoga.com/css/thegreenyoga-font.css
Dopo aver copiato il link al file CSS contenente il tuo carattere personalizzato, adotta la procedura ➕ Add a custom font (Aggiungi carattere personalizzato) fornita di seguito. Il link deve essere in formato http://.
Prima di iniziare
Puoi configurare la tua Libreria del brand in modo che ogni nuovo modello selezionato erediti le proprietà del tuo brand, come il logo, i colori, i caratteri e i link ai social media. Per ulteriori informazioni, consulta il nostro articolo dedicato Progettazione automatica delle email con le risorse salvate nella Libreria del brand.
🔤 Aggiunta di caratteri all'editor delle email
Durante la progettazione della tua email, i caratteri sicuri vengono visualizzati per impostazione predefinita negli elenchi a discesa di selezione dei caratteri. Tuttavia, puoi aggiungere e combinare tutti i tipi di caratteri (Google, sicuri e personalizzati). Inoltre, puoi configurare i caratteri sostitutivi da utilizzare per le intestazioni e i paragrafi, nel caso in cui i caratteri che hai selezionato inizialmente non fossero supportati dal dispositivo utilizzato dai tuoi destinatari.
Per aggiungere e configurare i caratteri:
- Nell'editor delle email, clicca su Style (Stile) nella barra laterale sinistra ed espandi Text Appearance (Aspetto del testo).
- Nei menu a discesa Paragraph (Paragrafo) e Headings (Intestazioni), puoi selezionare i Safe fonts (Caratteri sicuri) disponibili per impostazione predefinita. Puoi comunque aggiungere i caratteri Google o personalizzati cliccando su + Add web fonts (+ Aggiungi caratteri web) ⬇️.
- Vieni reindirizzato alla pagina Add fonts (Aggiungi caratteri). Puoi:
🖱️ Selezionare i caratteri Google
- Clicca sul menu a discesa Font name (Nome del carattere).
- Seleziona i caratteri che desideri utilizzare dalla lista esistente, oppure inserisci il nome di un carattere per cercarlo nella libreria dei caratteri Google.
- Opzionale: aggiungi caratteri sostitutivi nel caso in cui i caratteri personalizzati non siano supportati dal client email dei tuoi destinatari. Nella sezione Fallback font (Carattere sostitutivo), seleziona i caratteri sostitutivi che desideri utilizzare per le intestazioni e altri testi.
- Clicca su Add selected fonts (Aggiungi caratteri selezionati).
➕ Aggiungere un carattere personalizzato- Nella pagina Add web fonts (Aggiungi caratteri web), clicca sulla scheda Custom font (Carattere personalizzato) e clicca su + Add custom font (+ Aggiungi carattere personalizzato).
- Nel campo Web font link (Link al carattere web), inserisci l'URL del carattere.
Per ulteriori informazioni su come recuperare l'URL del carattere, consulta le informazioni fornite nella scheda Carattere personalizzato della sezione Quali caratteri possono essere utilizzati per il design delle email? - Nell'elenco a discesa Font name (Nome del carattere), scegli il nome che desideri utilizzare per il tuo carattere. Vengono visualizzati automaticamente i nomi definiti nel file CSS in cui è salvato il carattere.
- Clicca su Add to list (Aggiungi alla lista).
- Nella scheda Custom font (Carattere personalizzato), seleziona il carattere personalizzato che hai appena aggiunto per salvarlo nella tua lista di caratteri.
- Opzionale: aggiungi caratteri sostitutivi nel caso in cui i caratteri personalizzati non siano supportati dal client email dei tuoi destinatari. Nella sezione Fallback font (Carattere sostitutivo), seleziona i caratteri sostitutivi che desideri utilizzare per le intestazioni e altri testi.
- Clicca su Add selected fonts (Aggiungi caratteri selezionati).
🎉 Ora puoi selezionare i caratteri che hai aggiunto da qualsiasi elenco a discesa di selezione dei caratteri nell'editor delle email e applicarli a qualsiasi testo nella tua email.
✍️ Modifica o eliminazione di un carattere
Per modificare i caratteri che hai aggiunto:
- Nell'editor delle email, clicca su Style (Stile) nella barra laterale sinistra ed espandi Text Appearance (Aspetto del testo).
- Scorri verso il basso nelle impostazioni di Text Appearance (Aspetto del testo) e clicca su + Add web fonts (+ Aggiungi caratteri web).
- Vieni reindirizzato alla pagina Add fonts (Aggiungi caratteri). Qui puoi modificare o eliminare i tuoi caratteri:
Deseleziona i caratteri Google che non vuoi più visualizzare nei tuoi elenchi a discesa di selezione dei caratteri.
- Deseleziona i caratteri personalizzati che non vuoi più visualizzare nei tuoi elenchi a discesa di selezione dei caratteri.
- Clicca sull'icona Edit (Modifica) per modificare il link o il nome del tuo carattere personalizzato.
- Clicca sull'icona Bin (Cestino) per eliminare definitivamente il carattere personalizzato dall'editor delle email.
Negli elenchi a discesa, seleziona un altro carattere per sostituire il carattere sostitutivo che hai selezionato inizialmente. - Clicca su Add selected fonts (Aggiungi caratteri selezionati).
⏭️ E adesso?
- Come usare i blocchi di contenuto (testo e link, immagine, pulsante, ecc.)
- Impostazione dello stile di design per l'intera email
🤔 Domande?
In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.
Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con l'agenzia partner di Brevo giusta per te.