Le choix des polices permet de transmettre l'identité de votre marque et d'améliorer la lisibilité de vos emails. Brevo vous permet de choisir entre différentes options de police pour vous aider à créer de superbes emails qui trouvent un écho auprès de votre audience et renforcent la notoriété de votre marque.
❓ Quelles polices puis-je utiliser pour le design de mes emails ?
Lors de la création du design de votre email, vous pouvez utiliser :
Une police sécurisée sur le Web est une police susceptible d'être disponible sur la grande majorité des appareils des utilisateurs. Les polices sécurisées peuvent être utilisées comme polices de substitution si les polices sélectionnées à l'origine ne sont pas prises en charge par l'appareil de votre destinataire. En choisissant des polices sécurisées comme polices de substitution, vous pouvez éviter tout risque de problèmes de rendu des polices et garantir que vos emails conservent leur impact quel que soit l'appareil sur lequel ils sont lus.
Polices Google est une bibliothèque de polices open source gratuites proposées par Google qui peuvent être téléchargées pour être utilisées dans vos différents projets numériques. Les polices Google sont prises en charge par les clients de messagerie suivants :
|
|
Brevo vous permet d'utiliser vos propres polices dans l'éditeur d'emails afin de concevoir des emails avec l'identité de votre marque, garantissant ainsi la cohérence et la reconnaissance de votre marque sur tous vos canaux de communication.
Pour utiliser une police personnalisée dans l'éditeur d'emails Brevo, vous pouvez soit :
Parcourez et sélectionnez une police dans la bibliothèque de polices d'un site web public, comme l'API Google ou Adobe Fonts. Une fois que vous avez sélectionné une police, copiez le lien vers le fichier CSS de la police. Ce lien contient les styles et les variantes de la police et il devrait être similaire à :
https://fonts.googleapis.com/css2?family=Your+Font+Name:ital,wght@0,100;1,200& display=swap ou
https://use.typekit.net/xxxxxxx.css
@font-face. Pour utiliser une police personnalisée à partir d'un fichier CSS :
- Téléchargez le fichier contenant votre police personnalisée dans l'un des répertoires de votre serveur. Les fichiers de polices personnalisés se trouvent généralement au format .woff, .woff2, ou .ttf .
Assurez-vous qu'il est accessible depuis une URL directe telle quehttps://yourserver.com/fonts/your-custom-font.woff2. - Créez un fichier CSS en utilisant la règle
@font-faceet ajoutez le lien vers votre fichier de police personnalisé ci-dessus dans l'URL. Par exemple :@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;
} - Importez le fichier CSS dans l'un des répertoires de votre serveur.
- En fonction de votre domaine et de l'emplacement de votre fichier CSS, récupérez l'URL de votre fichier CSS.
Par exemple, si votre domaine est thegreenyoga.com, votre fichier CSS se trouve dans le répertoire css et il s'appelle thegreenyoga-font. L'URL de votre fichier CSS doit être :https://thegreenyoga.com/css/thegreenyoga-font.css
Une fois que vous avez copié le lien vers le fichier CSS contenant votre police personnalisée, suivez la procédure ➕ Ajouter une police personnalisée ci-dessous. Le lien doit être au format http://.
Avant de commencer
Configurez votre bibliothèque de marque pour que chaque nouveau template sélectionné hérite des propriétés de votre marque, telles que le logo, les couleurs, les polices et les liens vers les réseaux sociaux. Pour en savoir plus, consultez notre article Concevoir automatiquement vos emails avec vos éléments de marque à l'aide de la Bibliothèque de marques.
🔤 Ajouter des polices à l'éditeur d'emails
Lors de la conception de votre email, les polices sécurisées sont affichées par défaut dans les menus déroulants de sélection des polices. Cependant, vous pouvez ajouter et mélanger tous les types de polices (Google, sécurisées et personnalisées). Vous pouvez également configurer des polices de substitution à utiliser pour vos titres et vos paragraphes si les polices que vous avez sélectionnées initialement ne sont pas prises en charge par l'appareil de vos destinataires.
Pour ajouter et configurer des polices :
- Dans l'éditeur d'emails, cliquez sur Style dans la barre latérale gauche et développez Apparence du texte.
- Dans le menu déroulant Paragraphe et titres, vous pouvez sélectionner les polices sécurisées qui sont disponibles par défaut. Cependant, vous pouvez ajouter des polices Google ou personnalisées en cliquant sur + Ajouter des polices Web ⬇️.
- Vous êtes redirigé vers la page Ajouter des polices. Vous pouvez :
🖱 ️Sélectionner des polices Google
Sélectionnez la ou les polices que vous souhaitez utiliser dans la liste existante ou saisissez un nom de police pour la rechercher dans la bibliothèque Google Fonts et sélectionnez-la.
➕ Ajouter une police personnalisée- Sur la page Ajouter des polices, cliquez sur l'onglet Police personnalisée, puis sur + Ajouter une police personnalisée.
- Dans le champ Lien vers les polices Web, insérez l'URL de la police.Pour en savoir plus sur la façon de récupérer l'URL de votre police, consultez Quelles polices puis-je utiliser pour le design de mes emails ? dans l'onglet Police personnalisée.
- Dans le menu déroulant Famille de polices, choisissez le nom que vous souhaitez utiliser pour votre police. Nous affichons automatiquement les noms définis dans le fichier CSS dans lequel la police est enregistrée.
- Cliquez sur Ajouter à la liste.
- Dans l'onglet Police personnalisée, sélectionnez la police personnalisée que vous venez d'ajouter pour l'enregistrer dans votre liste de polices.
- Facultatif : par défaut, vos polices de substitution sont en Arial. Pour les modifier, faites défiler la page Ajouter des polices Web vers le bas pour accéder à la section Substitution de police pour toutes les polices web. Sélectionnez la ou les polices de substitution que vous souhaitez utiliser pour les titres et autres textes au cas où le client email de vos destinataires ne prendrait pas en charge les polices personnalisées que vous avez sélectionnées à l'origine.
- Cliquez sur Ajouter les polices sélectionnées.
🎉 Vous pouvez désormais sélectionner la ou les polices que vous avez ajoutées dans les menus déroulants de l'éditeur d'emails et les appliquer à n'importe quel texte de votre email.
✍️ Modifier ou supprimer une police
Pour modifier les polices que vous avez ajoutées :
- Dans l'éditeur d'emails, cliquez sur Style dans la barre latérale gauche et développez Apparence du texte.
- Faites défiler les paramètres d'apparence du texte vers le bas et cliquez sur + Ajouter des polices web.
- Vous êtes redirigé vers la page Ajouter des polices. De là, vous pouvez modifier ou supprimer vos polices :
Désélectionnez les polices Google que vous ne souhaitez plus voir dans les menus déroulants de sélection de polices.
- Désélectionnez les polices personnalisées que vous ne souhaitez plus voir dans les menus déroulants de sélection de polices.
- Cliquez sur l'icône Modifier pour modifier le lien ou le nom de votre police personnalisée.
- Cliquez sur l'icône Corbeille pour supprimer définitivement la police personnalisée de l'éditeur d'emails.
Dans les menus déroulants, sélectionnez une autre police pour remplacer la police de substitution que vous avez sélectionnée initialement. - Cliquez sur Ajouter les polices sélectionnées.
⏭ Et ensuite ?
- Utiliser des blocs de contenu (Texte et Liens, Image, Bouton, etc.)
- Définir un style de conception pour votre email
🤔 Vous avez des questions ?
Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.
Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.