„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Überprüfen Sie die verwendeten Schriftarten auf einer Webseite

Überprüfen Sie die verwendeten Schriftarten auf einer Webseite

Veröffentlicht am 01.08.2024
Durchsuche:379

Umstände

Wie ich gerade next.j lerne. Ich gehe den vom nächsten Team erstellten Kurs durch (https://nextjs.org/learn).

Es gibt einen Abschnitt zur Optimierung von Schriftarten und Bildern.
Ehrlich gesagt habe ich den Schriftarten und den Schriftarten, die für ein bestimmtes Element auf einer Webseite verwendet werden, nie viel Aufmerksamkeit geschenkt.
Aber als ich dieses Material durchgesehen habe, wurde mir klar, dass Sie dazu in der Lage sind. Sie können herausfinden, welche Schriftarten auf einem bestimmten Element verwendet werden. Sie könnten mehr als eine benutzerdefinierte Schriftart auf der Seite haben und dies könnte nützlich sein.

Da ich Chrome als Standardbrowser verwende, habe ich Devtools geöffnet und die verwendeten Schriftarten überprüft.

chrome dev tools

Das schien ziemlich schlecht und ohne viele Informationen zu sein.

Aber ich habe das Gleiche in Firefox gemacht und Firefox scheint viel mehr Optionen bezüglich Schriftarten zu haben. Sie können die Größe, Zeilenhöhe, den Abstand und die Stärke über den Editor ändern. Dies erscheint insbesondere dann sehr nützlich, wenn Sie herausfinden möchten, welche Schriftarteigenschaften für ein bestimmtes Element am besten zu Ihnen passen.

Check used fonts on a webpage

Meine Gedanken

Diese Erkenntnisse zu Schriftarten erinnerten mich, als ich in der Vergangenheit einige Probleme mit dem Layout hatte, daran, dass ich das Debuggen in Firefox viel besser durchführen konnte als in Chrome.
Firefox scheint CSS mehr Aufmerksamkeit zu schenken, um die FE-Entwicklung flüssiger zu gestalten, als dies bei Chrome der Fall ist. Ich denke, ich sollte dies das nächste Mal berücksichtigen, wenn ich CSS-Arbeit mache und Firefox als Standard verwende!

Prost. Haben Sie einen guten Tag!

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/machy44/check-used-fonts-on-a-webpage-29cn?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3