Est-il possible d'identifier le fichier de police spécifique que mon navigateur a utilisé pour rendre le texte d'un élément ?
L'histoire est qu'une page web (à partir d'une extension Chrome) rend un élément en utilisant ce style (trouvé via dev tools)
{
font-size: 22px;
text-align: center;
width: 100%;
font-weight: 200;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
et avait l'air terrible dans le rendu fin et léger de l'Helvetica, car je n'avais pas installé l'Helvetica Neue. J'ai essayé de résoudre ce problème en installant une collection de plus de 50 fichiers de police, à la fois *.ttf et *.otf, qui mettent en œuvre différentes formes d'Helvetica Neue. L'un de ces fichiers a résolu le problème, mais d'autres ont donné un aspect horrible à d'autres pages.
J'essaie donc d'identifier le fichier de police spécifique qui corrige le cas unique avec lequel j'ai eu le problème initial afin de pouvoir supprimer les autres, mais avec autant de fichiers de police, c'est difficile. D'où ma question : existe-t-il un moyen d'identifier le fichier de police utilisé ? Je suis sous Windows 10 et 11, si cela a une incidence. Je peux simuler l'élément dans un simple fichier HTML en utilisant le même style et en l'affichant dans Chrome ou Edge, donc le fait que la page réelle provienne d'une extension Chrome n'est pas pertinent pour la question. Si je supprime tous les fichiers otf, le texte a une mauvaise apparence. C'est donc l'un d'entre eux qui corrige l'affichage, mais lequel ?