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=swap
oppurehttps://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) 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 e scorri verso il basso fino alla sezione Text styles (Stili del testo).
- Nel menu a discesa Paragraph (Paragrafo), seleziona lo stile a cui vuoi aggiungere un font.
- Nell'elenco a discesa Font (Carattere), seleziona il carattere che vuoi utilizzare tra quelli predefiniti.
-
Se vuoi aggiungere un carattere personalizzato, puoi aggiungere caratteri Google o personalizzati cliccando su Manage web fonts (Gestisci caratteri web). Vieni reindirizzato alla pagina Manage web fonts (Gestisci caratteri web) dove puoi:
🖱️ Selezionare i caratteri GoogleDalla scheda Google Fonts, clicca sul menu a discesa Fonts (Font) e seleziona i caratteri che desideri utilizzare dalla lista esistente, oppure inserisci il nome di un carattere per cercarlo nella libreria di Google Fonts:
➕ Aggiungere un carattere personalizzato- Vai alla scheda Custom font (Font personalizzato).
- Nel campo Custom font link (Link al carattere personalizzato), incolla l'URL del carattere che vuoi usare.
➡️ 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? - Nel menu a discesa Nome del carattere vengono visualizzati automaticamente i nomi definiti nel file CSS in cui è salvato il carattere.
- Clicca su Add font (Aggiungi carattere).
⛑️ Aggiungere caratteri di fallbackVai alla scheda Fallback fonts (Caratteri sostitutivi) e seleziona i caratteri sostitutivi che desideri utilizzare per le intestazioni e altri testi, nel caso in cui i tuoi caratteri personalizzati non siano supportati dal client email dei tuoi destinatari.
🎉 Ora puoi selezionare i caratteri che hai aggiunto da qualsiasi lista a discesa di selezione dei caratteri nell'editor di 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 e scorri verso il basso fino alla sezione Text styles (Stili del testo).
-
Nell'elenco a discesa Font, clicca su Manage web fonts (Gestisci font web) per modificare o eliminare i tuoi caratteri:
Clicca sull'icona a croce per rimuovere i caratteri Google che non vuoi più visualizzare nelle tue liste 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.
⏭️ E adesso?
- Informazioni sulle sezioni e sui blocchi di contenuto
- Configurazione del layout e del design delle email con la scheda Stile
- Informazioni sui blocchi di contenuto Titolo e Testo
- Sezione Editor di email drag & drop
🤔 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.