Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Überprüfen Sie die verwendeten Schriftarten auf einer Webseite

PHPz
Freigeben: 2024-07-17 06:28:49
Original
892 Leute haben es durchsucht

Umstände

Wie ich gerade next.j lerne. Ich gehe den von next 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 das 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 dürftig 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 besonders 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. Ich wünsche Ihnen einen schönen Tag!

Das obige ist der detaillierte Inhalt vonÜberprüfen Sie die verwendeten Schriftarten auf einer Webseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!