Guide d'utilisation Annuler

Utilisation de polices web dans des bulletins d’information ou des courriers électroniques HTML

  1. Guide de l’utilisateur d’Adobe Fonts
  2. Introduction
    1. Conditions d’abonnement et configuration requise
    2. Navigateurs et systèmes d’exploitation pris en charge
    3. Ajout de polices sur ordinateur
    4. Ajout de polices à votre site web
    5. Ajout de polices sur CC Mobile
  3. Attribution de licences pour les polices
    1. Attribution de licences pour les polices
    2. Gérer votre compte
    3. Attribution de licences pour les clients de Creative Cloud abonnement Entreprise
    4. Ajout de licences de police à votre compte
    5. Suppression de polices de la bibliothèque d’abonnement
    6. Adobe Fonts indisponible pour les Adobe ID enregistrés en Chine
    7. Pourquoi ces polices ne sont-elles pas incluses dans mon abonnement Creative Cloud ?
    8. Suppression de polices Morisawa septembre 2021
  4. Obtention et utilisation de polices
    1. Utilisation d’Adobe Fonts dans les applications Creative Cloud
    2. Gestion des polices
    3. Résolution des problèmes de polices manquantes dans les applications de bureau
    4. Utilisation des polices dans InDesign
    5. Polices et typographie
    6. Utilisation de polices web dans les documents Canvas HTML5
    7. Utilisation de polices dans InCopy
    8. Comment utiliser des polices dans Adobe Muse
    9. Utilisation de polices web dans Muse
    10. Assemblage de fichiers de polices
    11. Guide de dépannage : ajout de polices
    12. Les polices ajoutées n’apparaissent pas dans le menu des polices
    13. « Impossible d’ajouter une ou plusieurs polices » ou « Une police avec le même nom est déjà installée »
    14. Que se passe-t-il si une police que j’utilise est mise à jour par la fonderie ?
  5. Conception et développement web
    1. Ajout de polices à votre site web
    2. Guide de dépannage : ajout de polices à un site web
    3. Utilisation de polices web dans des bulletins d’information ou des courriers électroniques HTML
    4. Utilisation de polices web avec des pages AMP (Accelerated Mobile Pages)
    5. Sélecteurs CSS
    6. Personnalisation des performances des polices web avec les paramètres font-display
    7. Codes incorporés
    8. Jeu partiel dynamique et distribution de polices web
    9. Événements typographiques
    10. Pourquoi mes polices web proviennent-elles du réseau use.typekit.net ?
    11. Le site ne peut pas se connecter à use.typekit.net
    12. Utilisation de polices web avec CodePen
    13. Navigateurs et systèmes d’exploitation pris en charge
    14. Domaines
    15. Utilisation de polices web au cours d’un développement en local
    16. Politique de sécurité du contenu
    17. Impression de polices web
  6. Prise en charge linguistique et fonctionnalités OpenType
    1. Prise en charge linguistique et jeux partiels
    2. Utilisation des fonctionnalités OpenType
    3. Syntaxe des fonctionnalités OpenType en CSS
  7. Technologie des polices
    1. Polices colorées OpenType-SVG
    2. Ten Mincho : remarques importantes concernant la mise à jour à partir de la version 1.000

Le code incorporé CSS @import peut être utilisé pour insérer des polices web personnalisées dans des bulletins d’information ou des courriers électroniques HTML.  

Remarque :

Le chargement des polices JavaScript est utilisé pour les jeux partiels dynamiques d’Adobe, nécessaires pour la distribution des polices web d’Asie orientale. Puisqu’il ne s’agit pas d’une option de code incorporé CSS, il n’est pas possible d’utiliser ces polices web (y compris celles qui s’accompagnent d’une prise en charge linguistique pour le chinois, le japonais et le coréen) dans les messages électroniques HTML.

Choix des polices à utiliser

Suivez les instructions du tutoriel relatif aux polices web pour choisir les polices que vous souhaitez utiliser et pour créer votre projet.

Ajout du code incorporé

Pour rechercher le code incorporé de votre projet, consultez la page Projets web. Recherchez le nom du projet, puis cliquez sur l’option « lien @import ». 

Ajoutez les balises <style> avec le code incorporé @import à la section <head> du courrier électronique, ainsi que les noms des familles de polices

Code incorporé @import utilisé dans les courriers électroniques HTML

Le nom de la famille de polices à utiliser dans le code CSS pour mettre en forme votre texte est également indiqué dans le projet web ; pour en savoir plus, consultez cette section traitant de l’utilisation de polices dans le code CSS.

Remarque :

Le code incorporé @import doit se trouver au début de la balise<style> avec n’importe quelle autre instruction @import. Dans le cas contraire, les polices ne seront pas chargées. Seule une entrée @charset peut être répertoriée avant les lignes @import.

Prise en charge des polices web par le client de messagerie

Certains clients de messagerie ne prennent pas en charge les courriers électroniques HTML ou les polices web dans un courrier électronique, ce qui aura une incidence sur ce que voient les destinataires. Veillez à préciser des polices de substitution dans le courrier électronique et à tester celui-ci avant de l’envoyer, de sorte qu’il fonctionne bien dans tous les clients.

Voici une brève liste de clients de messagerie courants et leur compatibilité avec les polices web.

Nom du client

Compatible ?

AOL Mail

Oui

Application de messagerie Android (native, pas GMail)

Oui

Apple Mail

Oui

GMail

Non

Google Inbox

Non

iOS Mail

Oui

Outlook 2000

Non

Outlook 2011 (OS X 10.10+)

Oui

Outlook 2016 (OS X 10.10+ et Windows 10)

Oui

Suppression d’un projet ou résiliation d’un abonnement

Si vous supprimez le projet que vous utilisez dans une campagne par courrier électronique ou annulez l’abonnement qui l’héberge, les polices ne seront plus disponibles pour les courriers électroniques envoyés. Les polices de substitution spécifiées ou les polices par défaut du client de messagerie seront utilisées à leur place.

 Adobe

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?