Utiliser des polices personnalisées dans les courriers électroniques
Dans le domaine du marketing en évolution rapide, il est important de combiner design, esthétique et accessibilité. La typographie, en particulier l’utilisation de polices Web, est cruciale pour parvenir à cette harmonie. Cet article vous montre comment utiliser les polices Web dans vos canaux marketing Customer Insights - Journeys, en veillant à ce qu’ils soient à la fois attractifs et accessibles.
Note
Les canaux incluent les e-mails, les formulaires et gestion d’événement.
Comprendre les polices Web sécurisées et les polices Web
La principale différence entre les polices Web sécurisées et les polices Web réside dans l’endroit à partir duquel elles sont chargées.
- Polices sécurisées pour le Web : Tirant parti des répertoires de polices locaux, les polices sécurisées pour le Web offrent une grande fiabilité. Des choix courants comme Arial, Helvetica et Times New Roman sont préinstallés sur la plupart des ordinateurs.
- Polices Web : extraites de serveurs comme Google ou Adobe, les polices Web élargissent vos options, mais posent des défis en termes de prise en charge des polices du client de messagerie, du système et du navigateur, une considération cruciale dans Customer Insights - Journeys.
Comment fonctionnent les polices dans Customer Insights - Journeys
Le code contenu dans le message que vous envoyez sur un canal Customer Insights - Journeys déclare les polices en utilisant la propriété CSS de famille de polices, soit sous la forme d’une police unique, soit sous la forme d’une pile de plusieurs polices de secours. Cette distinction jette les bases de la compréhension des polices Web et des polices Web sécurisées.
Prise en charge des clients de messagerie électronique dans Customer Insights - Journeys
Naviguer dans la dynamique du support des polices est impératif pour une intégration réussie des polices Web. Voici un instantané de la prise en charge des polices Web dans les principaux clients de messagerie :
| Client | Support |
|---|---|
| Outlook 2013-2021 | ✘ Non |
| Apple mail | ✓ Oui |
| Gmail app | ✘ Non |
| Windows 11 | ✘ Non |
| Outlook pour Mac | ✓ Oui |
| Outlook Office 365 (Win et Mac) | ✘ Non |
| iOS | ✓ Oui |
| Samsung mail | ✘ Non |
| AOL mail | ✘ Non |
| Outlook app | ✘ Non |
| Samsung mail | ✘ Non |
| AOL mail | ✘ Non |
| Gmail | ✘ Non |
| Office 365 | ✘ Non |
| Outlook.com | ✘ Non |
| Yahoo! mail | ✘ Non |
Découverte des polices Web pour Customer Insights - Journeys
Pour Customer Insights - Journeys, la quête de la police Web parfaite implique l’exploration de diverses sources :
- Services de polices Web : les services payants tels que Type Network et Fontspring offrent de nombreuses options. Assurer une licence appropriée pour Customer Insights - Journeys.
- Google Fonts : gratuites et téléchargeables pour les maquettes de conception.
- Polices Adobe : incluses dans les abonnements Creative Cloud.
Implémentation de polices Web dans les e-mails Customer Insights - Journeys
Vous pouvez intégrer des polices à utiliser en accédant à l’onglet Thème dans les concepteurs d’e-mails ou de formulaires, ou dans l’onglet Thème dans un profil de marque.
Pour intégrer une nouvelle police, faites défiler jusqu’à la liste déroulante Ajouter une police personnalisée et sélectionnez l’une des options suivantes :
Parcourir la bibliothèque : téléchargez les fichiers de polices depuis la bibliothèque.
- Étape 1 : après avoir sélectionné Parcourir la bibliothèque, la liste des polices personnalisées à votre disposition s’affiche.
-
Étape 2 : Sélectionnez dans la liste des polices disponibles ou téléchargez-en une nouvelle.
Télécharger des fichiers de polices : importez des fichiers de polices enregistrés sur votre système.
- Étape 1 : sélectionnez télécharger les fichiers de polices dans la liste déroulante Ajouter une police personnalisée.
- Étape 2 : Sélectionnez le fichier de police correspondant dans le système.
Ajouter une police à l’aide de l’URL : vous pouvez importer des polices en obtenant l’URL du fichier de police.
Note
Lorsque vous utilisez des services de polices Web en ligne, vous avez généralement le choix entre cinq formats de fichiers : .eot, .woff, .woff2, .svg et .ttf. Les formats .woff et .woff2 sont les plus compatibles avec le courrier électronique, nous vous recommandons donc d’utiliser l’un ou les deux formats lorsque cela est possible.
Exemple : ajouter une police avec une URL à l’aide de Google Fonts
Voici une déclaration courante @font-face pour importer une police Web dans un e-mail à l’aide de Google Fonts en tant que service de polices Web :
Collez le code HTML suivant dans un onglet du navigateur :
https://fonts.googleapis.com/css?family="fontName". Par exemple, pour la police Noto Sans, vous colleriez :https://fonts.googleapis.com/css?family=Noto+Sans.Note
Ces informations sont disponibles dans la navigation latérale de la page Google Fonts.
Copiez l’URL de la version Latin de @font-face.
Collez-le dans la boîte de dialogue Ajouter une police à l’aide d’une URL.
Navigation dans les licences de polices Web
Lors de la création de campagnes, il est essentiel de respecter les exigences de licence pour les polices Web. Même si la plupart des fournisseurs autorisent l’utilisation, le respect des accords de licence individuels est primordial. Contactez les fournisseurs de polices pour obtenir des détails précis sur les licences au sein de Customer Insights - Journeys.
Un futur avant-gardiste dans Customer Insights - Journeys
L’intégration de polices Web dans Customer Insights - Journeys peut rehausser votre marque. Toutefois, des tests minutieux sont primordiaux. Utilisez des outils de test Customer Insights - Journeys et validez dans tous les environnements pour garantir des solutions de secours sans faille.