Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie kann ich die Schriftart erkennen, die tatsächlich im Browser eines Benutzers gerendert wird?

Mary-Kate Olsen
Freigeben: 2024-11-27 14:24:11
Original
489 Leute haben es durchsucht

How Can I Detect the Font Actually Rendered in a User's Browser?

Erkennen verwendeter Schriftarten auf einer Webseite

Identifizieren gerenderter Schriftarten

Angenommen, Sie haben eine CSS-Regel, die die Schriftfamilie Ihrer Webseite bestimmt. Wie können Sie erkennen, welche Schriftart tatsächlich im Browser des Benutzers verwendet wird? Diese Frage wird relevant, wenn bestimmte Glyphen in bestimmten Schriftarten nicht vorhanden sind und die Anzeige eines Download-Links für die korrekte Glyphenwiedergabe erforderlich ist.

Messen gerenderter Zeichenfolgen

Ein Ansatz besteht darin, ein Element mit einem bestimmten festzulegen Schriftart und zugewiesene Zeichenfolge. Wenn die Schriftart im System des Benutzers nicht vorhanden ist, übernimmt das Element die Schriftart seines übergeordneten Elements. Durch Messen der Breite der gerenderten Zeichenfolge können Sie feststellen, ob die erwartete Schriftart oder ihr abgeleitetes Gegenstück verwendet wird. Diese Methode funktioniert jedoch nicht für monospaced Schriftarten.

Ableitung

Dieser Ansatz wurde durch den Artikel „Javascript/CSS Font Detector“ auf ajaxian.com populär gemacht, der im März 2007 veröffentlicht wurde.

Das obige ist der detaillierte Inhalt vonWie kann ich die Schriftart erkennen, die tatsächlich im Browser eines Benutzers gerendert wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage