Est-il possible de télécharger des fichiers de polices dans la base de données média ?
Oui, vous pouvez télécharger des fichiers de polices sur la base de données média. Comme pour tout autre actif, vérifiez d'abord les conditions générales et les lois sur les droits d'auteur applicables aux actifs que vous utilisez.
Notez que c'est à vos risques et périls que vous téléchargez du contenu sur la base de données média et que vous devez vous assurer que le contenu téléchargé est protégé par les lois sur les droits d'auteur.
J'ai suivi les indications pour mettre en œuvre la police. Pourquoi n'est-elle pas affichée ?
Le non-affichage d'une police de caractères web peut avoir plusieurs explications :
- Le client email, le service de messagerie électronique ou l'application ne prend pas en charge l'affichage des polices Web.
- La police n'est pas installée localement sur l'appareil, ou la police est installée sous un autre nom.
Par exemple : La police est intégrée en tant que "Web Font" dans le CSS, mais elle est installée localement en tant que "WebFont". - En raison d'une erreur CORS, l'en-tête CORS Access-Control-Allow-Origin est généralement manquant, ce qui empêche l'affichage de la police web. Il s'agit d'un paramètre qui doit être modifié sur le serveur où sont hébergés les fichiers de police.
Pour plus d'informations sur les CORS, voir ici. - L'outil d'édition de texte VCE a été utilisé pour modifier la police. Dans ce cas, ce n'est pas la pile de polices complète avec les polices de repli qui est appliquée, mais uniquement la police web. Toute police par défaut, par exemple : Arial, Times New Roman, etc. sont affichés.
N'utilisez pas l'outil d'édition de texte VCE pour modifier la police, en particulier lorsque vous définissez des polices Web. Si vous utilisez l'outil d'édition de texte VCE pour définir les polices, aucune police de secours ne sera définie, de sorte que dans certains cas, n'importe quelle police par défaut sera affichée (par exemple, Times New Roman ou Arial) si les polices web ne peuvent pas être affichées ou si la police sélectionnée n'est pas disponible.
Outlook sur un appareil fonctionnant sous Windows affiche la police Calibri (Outlook 365/2019/2016) ou Times New Roman (Outlook 2013/2010/2007) au lieu de la police que j'ai appliquée. Peut-on y remédier ?
Dans certains cas, Outlook affiche une police par défaut, si des polices web sont utilisées. Malheureusement, l'affichage des polices web n'est pas activé. Parfois, les polices installées localement sont affichées, mais il est possible de définir des polices de remplacement appropriées. Ces polices de remplacement doivent être sûres pour le web.
Pour éviter ce comportement, ces extraits de code peuvent être placés dans la partie <head> du cadre du modèle :
- Si la police est définie via un style inline sur une balise HTML :
Exemple de code :
<font style="font-family:'Web Font', Arial, Helvetica, sans-serif;">Text</font>
Le code doit être défini dans la partie <head> du cadre du modèle :
<!--[if (gte mso 9)]> <style type="text/css"> font {font-family:Arial, Helvetica, sans-serif !important;} </style> <![endif]Cela ne s'applique pas seulement à la balise <font> , mais aussi à d'autres balises, par exemple <span>, etc.
- Si la police est définie par une classe CSS :
Exemple de code :
<font class="webfont">Text</font>
Le code doit être défini dans la partie <head> du cadre du modèle :
<!--[if (gte mso 9)]> <style type="text/css"> .webfont {font-family:Arial, Helvetica, sans-serif !important;} </style> <![endif]
Est-il possible d'appliquer une police web uniquement à une partie spécifique du texte ?
Oui, cela peut se faire par le biais d'un extrait de Langage de script Emarsys (ESL). N'utilisez pas l'outil d'édition de texte VCE pour appliquer la police, car aucune police de secours n'est définie.
Notez que le texte inséré via un fragment ESL n'est pas visible en mode création de campagne. Le texte et son design ne sont visibles que lors de la vérification de la campagne via testmail, aperçu de campagne, aperçu de campagne email ou via le lien d'archivage d'une campagne email.
Vous pouvez également modifier la police pour Outlook dans l'extrait de code. Voir les détails ci-dessous. Vous pouvez utiliser la balise CSS ou le sélecteur de classe.
Procédez comme suit pour appliquer la police Web à une partie spécifique du texte uniquement :
- Sélectionnez le texte auquel vous souhaitez appliquer la police web et copiez-le dans le presse-papiers.
- Gardez le texte sélectionné et cliquez sur l'icône < > Insérer un extrait de Langage de script Emarsys.
- Créez l'extrait ESL :
- Collez le texte que vous venez de copier dans le presse-papiers dans le champ nom de l'extrait. Utilisez seulement des noms courts.
- L'extrait de code de base à utiliser est une simple balise ouvrante et fermante
<font>avec des styles spécifiques :<font></font>. - La première étape consiste à ajouter le texte entre la balise d'ouverture et la balise de fermeture
<font>:<font>Lorem ipsum dolor</font>. - La pile de polices complète doit être ajoutée dans un attribut de style :
<font style="font-family:'Web Font', Arial, Helvetica, sans-serif;">Lorem ipsum dolor</font> - Si vous modifiez la police de caractères pour Outlook par le biais d'une classe CSS, ajoutez également la classe dans la balise
<font>:<font style="font-family:'Web Font', Arial, Helvetica, sans-serif;" class="webfont">Lorem ipsum dolor</font> - Comme il n'est pas possible d'utiliser l'outil d'édition de texte VCE sur les extraits ESL, ajoutez tous les styles que vous souhaitez utiliser à l'attribut style.
Par exemple : taille de la police, couleur, poids de la police (normal/gras), décoration du texte (aucune, soulignement, barré), style de la police (normal/italique), espacement des lettres, etc :<font style="font-family:'Web Font', Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold; text-decoration:underline; font-style:italic;" class="webfont">Lorem ipsum dolor</font> - Si votre modèle contient un code réactif, il est possible que des styles et des classes CSS soient disponibles pour redimensionner le texte pour la version mobile. Si vous utilisez un modèle créé initialement par Emarsys, vous pouvez d'abord jeter un coup d'œil aux classes CSS disponibles dans la requête média mobile de votre modèle :
Accédez à Contenu > Modèles basés sur les blocs, sélectionnez votre modèle d' email et cliquez sur l'icône (crayon) Modifier.
Vous pouvez ajouter la classe permettant de redimensionner le texte pour la version mobile à l'attributclassdans votre extrait ESL :<font style="font-family:'Web Font', Arial, Helvetica, sans-serif; font-size:16px;couleur:#000000;font-weight:bold;text-decoration:underline; font-style:italic;"class="webfont gf">Lorem ipsum dolor</font>
- Insérez l'extrait ESL dans le champ requis et cliquez sur OK.
- L'extrait d'ESL est affiché en bleu dans le texte.
Comme vous pouvez le voir, son contenu n'est pas affiché dans la vue de création de campagne comme défini dans l'extrait.
- Cliquez sur Enregistrer pour voir le contenu et les styles appliqués.