web-dev-qa-db-fra.com

la famille de polices est héritée. Comment trouver la famille de polices dans chrome volet développeur?

Dans le volet développeur de Chrome, je peux voir ces paramètres CSS d'un élément.

enter image description here

Pour autant que je puisse voir, chaque font-family la valeur est hérite.

Comment trouver la valeur réelle de la famille de polices? Et comment puis-je retrouver la définition de la valeur de la famille de polices racine issue de la hiérarchie d'héritage?

19
Anthony Kong

Developer Tools > Elements > Computed > Rendered Fonts

L'image que vous avez jointe à votre question montre l'onglet Style. Si vous passez à l'onglet suivant, Computed, vous pouvez vérifier les polices rendues, qui montrent la famille de polices réelle rendue.

Developer Tools > Elements > Computed > Rendered Fonts

28
Rafael Eyng

La valeur inherit , lorsqu'elle est utilisée, signifie que la valeur de la propriété est définie sur la valeur de la même propriété de l'élément parent. Pour l'élément racine (dans les documents HTML, pour l'élément html), il n'y a pas d'élément parent; par définition, la valeur utilisée est la valeur initiale de la propriété. La valeur initiale est définie pour chaque propriété dans les spécifications CSS.

Le font-family property est spécial dans le sens où la valeur initiale n'est pas fixée dans la spécification mais définie comme dépendante du navigateur. Cela signifie que la famille de polices par défaut du navigateur est utilisée. Cette valeur peut être définie par l'utilisateur.

S'il existe une chaîne continue d'éléments (au sens de relations parent-enfant) de l'élément racine à l'élément courant, tous avec font-family défini sur inherit ou pas défini du tout dans une feuille de style (ce qui entraîne également l'héritage), la police est la valeur par défaut du navigateur.

C'est plutôt inintéressant, cependant. Si vous ne définissez pas de polices du tout, les paramètres par défaut du navigateur seront utilisés. Votre vrai problème pourrait être différent - vous semblez regarder la partie des feuilles de style qui constitue une feuille de style de navigateur. Il existe probablement d'autres feuilles de style plus intéressantes qui affectent la situation.

5
Jukka K. Korpela

La famille de polices par défaut de votre navigateur sera héritée dans ce cas.

Vous pouvez vérifier la police par défaut du navigateur en chrome: Paramètres> Contenu Web> Personnaliser les polices ...

enter image description hereenter image description here

3
Heejin

Je pense que op veut savoir quelle est la police utilisée sur une page Web et espérait que les informations pourraient être trouvées dans le volet "inspecter".

Essayez d'ajouter l'extension Whatfont Chrome extension.

1
Daine