Entwicklertools-Antworten: Welche Schriftart ist das?

Paul Irish

Mit den Chrome-Entwicklertools können Sie jetzt genau ermitteln, welche Schriftart zum Rendern von Text verwendet wird.

Schriftartstapel sind eher witzig, eher eine Idee als eine Nachfrage. Da die von Ihnen vorgeschlagene Familie möglicherweise nicht vorhanden ist, wird der Fall, in dem keine Übereinstimmung gefunden wird, vom Browser des jeweiligen Nutzers verarbeitet. Dabei wird etwas ausgewählt, das funktioniert.

font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;

Als Entwickler möchten Sie wissen, welche Schriftart tatsächlich verwendet wird. So funktionierts:

Unter Berechnete Stile sehen Sie jetzt eine Zusammenfassung der für dieses Element verwendeten Schriftarten. Hier sind einige Punkte zu beachten:

• Die Entwicklertools melden das tatsächliche Schriftbild, das von der Text-Rendering-Ebene von Chrome verwendet wird. Kein Rätselraten mehr, zu welcher Schriftart serif oder sans-serif tatsächlich führt.
• Funktioniert mein Webfont? Manchmal ist es schwer zu erkennen, ob die Webschrift oder die Fallback-Systemschrift angezeigt wird. Jetzt können Sie prüfen, ob das Web-Schriftbild angewendet wird. Im Beispiel oben wird Lobster als Webfont für den Stil ::first-line abgerufen.
• Durchlaufende Schriftarten in einem Stapel sind leicht zu erkennen. Oben hatten wir einen Tippfehler, der Merriweather geschrieben hat. Daher wurde dieser nicht verwendet und ist auf Lobster übergefallen.
• Ist das Arial oder Helvetica? Fragen Sie einen Designer oder ... stellen Sie die Entwicklertools bereit. ;)
• Funktioniert hervorragend mit Google Webfonts, Typekit, lokalen Schriftarten, @font-face-Schriftbildern, Unicode-Glyphen und allen anderen interessanten Schriftquellen.

Viel Spaß. Wenn du Feedback für uns hast, hinterlasse bitte einen Kommentar.