"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Vérifier les polices utilisées sur une page Web

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

Publié le 2024-08-01
Parcourir:861

Circonstances

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

Il existe 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.

chrome dev tools

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.

Check used fonts on a webpage

Mes pensées

Ces découvertes concernant les polices m'ont rappelé, lorsque j'ai eu des 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 !

Acclamations. Passe une bonne journée!

Déclaration de sortie Cet article est reproduit sur : https://dev.to/machy44/check-used-fonts-on-a-webpage-29cn?1 En cas de violation, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3