Vérifier les polices utilisées sur une page Web

Circonstances

Comme j'apprends actuellement next.j. Je suis en train de suivre le cours créé par la prochaine équipe (https://nextjs.org/learn).

Il y a une section relative à l'optimisation des polices et des images.
Honnêtement, je n’ai jamais prêté beaucoup d’attention aux polices et aux polices utilisées sur un certain élément d’une page Web.
Mais j’ai réalisé en parcourant ce matériel que vous êtes capable de faire cela. Vous pouvez découvrir quelles polices sont utilisées sur un certain élément. Vous pouvez avoir plusieurs polices personnalisées sur la page et cela pourrait être utile.

Comme j'utilise Chrome comme navigateur par défaut, j'ai ouvert les outils de développement et vérifié les polices utilisées.

Cela semblait plutôt médiocre et sans beaucoup d'informations.

Mais j'ai fait la même chose dans Firefox et Firefox semble avoir beaucoup plus d'options concernant les polices. Vous pouvez modifier la taille, la hauteur de la ligne, l'espacement et le poids via son éditeur. Cela semble très utile, surtout lorsque vous essayez de découvrir quelles propriétés de police vous conviennent le mieux pour un certain élément.

Mes pensées

Ces découvertes concernant les polices m'ont rappelé, lorsque j'ai eu quelques problèmes avec la mise en page dans le passé, que je pouvais faire un bien meilleur débogage dans Firefox que dans Chrome.
Firefox semble prendre plus soin des éléments CSS pour rendre le développement FE plus fluide que Chrome. Je pense que je devrais en tenir compte la prochaine fois pendant que je fais du travail CSS et utiliser Firefox par défaut !

Bravo. Bonne journée !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!