- Guide de l’utilisateur d’Adobe Fonts
- Introduction
- Attribution de licences pour les polices
- Attribution de licences pour les polices
- Gérer votre compte
- Attribution de licences pour les clients de Creative Cloud abonnement Entreprise
- Ajout de licences de police à votre compte
- Suppression de polices de la bibliothèque d’abonnement
- Adobe Fonts indisponible pour les Adobe ID enregistrés en Chine
- Pourquoi ces polices ne sont-elles pas incluses dans mon abonnement Creative Cloud ?
- Suppression de polices Morisawa septembre 2021
- Obtention et utilisation de polices
- Utilisation d’Adobe Fonts dans les applications Creative Cloud
- Gestion des polices
- Résolution des problèmes de polices manquantes dans les applications de bureau
- Utilisation des polices dans InDesign
- Polices et typographie
- Utilisation de polices web dans les documents Canvas HTML5
- Utilisation de polices dans InCopy
- Comment utiliser des polices dans Adobe Muse
- Utilisation de polices web dans Muse
- Assemblage de fichiers de polices
- Guide de dépannage : ajout de polices
- Les polices ajoutées n’apparaissent pas dans le menu des polices
- « Impossible d’ajouter une ou plusieurs polices » ou « Une police avec le même nom est déjà installée »
- Que se passe-t-il si une police que j’utilise est mise à jour par la fonderie ?
- Conception et développement web
- Ajout de polices à votre site web
- Guide de dépannage : ajout de polices à un site web
- Utilisation de polices web dans des bulletins d’information ou des courriers électroniques HTML
- Utilisation de polices web avec des pages AMP (Accelerated Mobile Pages)
- Sélecteurs CSS
- Personnalisation des performances des polices web avec les paramètres font-display
- Codes incorporés
- Jeu partiel dynamique et distribution de polices web
- Événements typographiques
- Pourquoi mes polices web proviennent-elles du réseau use.typekit.net ?
- Le site ne peut pas se connecter à use.typekit.net
- Utilisation de polices web avec CodePen
- Navigateurs et systèmes d’exploitation pris en charge
- Domaines
- Utilisation de polices web au cours d’un développement en local
- Politique de sécurité du contenu
- Impression de polices web
- Prise en charge linguistique et fonctionnalités OpenType
- Technologie des polices
CodePen est un éditeur Web de code HTML, CSS et JavaScript, grâce auquel vous pouvez tester le code directement dans le navigateur. Vous pouvez utiliser des polices web personnalisées directement dans vos « Pens ».
Choix des polices à utiliser
Suivez les instructions du tutoriel relatif aux polices web pour choisir des polices et créer votre projet web.
Ajout du code incorporé au « Pen »
Vous pouvez ajouter le code incorporé à l’interface utilisateur de CodePen dans le champ « Stuff for <head> » du menu des paramètres de l’éditeur HTML ou du menu « CSS > Ajouter CSS externe ».
Pour rechercher le code incorporé de votre projet, consultez la page Projets web et recherchez le nom du projet. Copiez et collez le code incorporé CSS par défaut de ce projet à l’un de ces emplacements.
Application des polices dans le code CSS
Vous pouvez maintenant utiliser les noms de famille de polices dans l’éditeur CSS de Pen ; les polices seront immédiatement visibles en mode Live View.
Le nom de la famille de polices (font-family) à utiliser dans le code CSS est également indiqué dans le projet web ; pour en savoir plus, consultez cette section traitant de l’utilisation de polices dans le code CSS.
Bifurcation des Pens
Vous pouvez faire bifurquer les Pens publics, afin que d’autres utilisateurs puissent compléter le code. Les polices web fonctionneront également dans le Pen bifurqué.
Suppression d’un projet ou résiliation d’un abonnement
Si vous supprimez le projet que vous utilisez sur CodePen ou si vous résiliez votre abonnement, les polices ne seront plus disponibles dans aucun des Pens qui utilisent ce code incorporé. Cela inclut votre Pen initial, ainsi que tous les Pens qui en dérivent. Les polices de substitution spécifiées dans le code CSS seront appliquées à la place des polices web personnalisées.
Autres ressources similaires
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?