Guide d'utilisation Annuler

Sélecteurs CSS

  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. Activation de polices sur l’ordinateur
    4. Ajout de polices à votre site web
    5. Activation des 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 en 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 : activation des polices
    12. Les polices actives ne sont pas ajoutées au menu Police
    13. « Impossible d’activer une ou plusieurs polices » ou « Une police portant 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

Les sélecteurs CSS indiquent au navigateur à quel endroit appliquer les polices web en cours d’utilisation, ainsi que la graisse et le style de la police à utiliser pour le texte.

Utilisation du nom de famille de polices dans votre feuille CSS

La page Projets web répertorie le nom de la famille de polices (font-family) CSS, le poids numérique et le style de chaque police du projet. Cliquez sur le lien Modifier le projet pour afficher les détails CSS de chaque projet.

Dès que vous avez inclus le code incorporé dans votre document, utilisez les noms de famille de polices de la feuille CSS pour appliquer les polices au texte. Par exemple :

h1 {
  font-family: "brandon-grotesque", sans-serif;
}

Spécification des polices de substitution

Si le navigateur d’un utilisateur ne prend pas en charge les polices web ou si celles-ci ne se chargent pas pour une raison quelconque, les polices de substitution de la pile CSS sont utilisées à la place.

La pile de polices doit contenir au moins une police de substitution uniformément disponible sur toutes les plates-formes (Georgia ou Arial, par exemple), suivie d’un nom de famille de polices générique (serif ou sans serif, par exemple). Si le navigateur ne trouve pas la première police, il essaie la deuxième, et ainsi de suite.

Utilisation de plusieurs graisses et styles

Dans le code CSS, vous pouvez définir, à l’aide de valeurs numériques, des graisses de police autres que « normale » et « grasse ». Voici une liste des valeurs numériques auxquelles correspondent le plus souvent ces graisses :

  • 100 = maigre
  • 200 = extra-maigre
  • 300 = légère
  • 400 = normale, livre
  • 500 = moyenne
  • 600 = semi-grasse
  • 700 = grasse
  • 800 = épaisse
  • 900 = noire

Vous trouverez les valeurs numériques de toutes les polices de votre projet sur la page Projets web.

Utilisez, par exemple, ce code CSS pour appliquer la graisse 700 d’une police à l’élément h1 :

h1 {
  font-weight: 700;
}

Utilisation de noms spécifiques à une variation dans Internet Explorer 8

Internet Explorer 8 charge, au maximum, quatre graisses par famille. Si vous utilisez deux graisses étroitement liées (600 et 700, par exemple), il se peut qu’une seule graisse se charge correctement. Pour remédier à ces deux bogues, Adobe Fonts distribue des noms de famille de polices (font-family) spécifiques à une variation à ces versions du navigateur.

Le nom spécifique à la variation doit être ajouté, le cas échéant, au début d’une pile font-family, avant le nom de famille principal :

#post-title {
  font-family: "brandon-grotesque-n7","brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 700;
}

Les noms se composent du nom de famille de polices standard, suivi d’un tiret et d’une description de variation de police (ou FVD, Font Variation Description). Par exemple, le nom spécifique à la variation de brandon-grotesque qui contient la graisse 700 est brandon-grotesque-n7.

Le nom spécifique à la variation ne sera pas défini dans les navigateurs qui n’ont pas ces problèmes ; ils utiliseront donc le nom de famille complet placé en deuxième place dans la pile.

La plupart des utilisateurs n’ont pas besoin d’utiliser ces noms de famille de polices supplémentaires. Vous ne devrez les ajouter que si vous constatez des problèmes d’affichage des polices, en particulier dans Internet Explorer 8.

Logo Adobe

Accéder à votre compte