Wie kann ich die Schriftart erkennen, die tatsächlich im Browser eines Benutzers gerendert wird?-CSS-Tutorial-php.cn

Heim

Web-Frontend

CSS-Tutorial

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

Mary-Kate Olsen

Nov 27, 2024 pm 02:24 PM

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!

Stellungnahme

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

Verwandter Artikel

So viele FarblinksApr 13, 2025 am 11:36 AM

Es gab in letzter Zeit eine Reihe von Werkzeugen, Artikeln und Ressourcen über Farbe. Bitte erlauben Sie mir, ein paar Registerkarten zu schließen, indem Sie sie hier für Ihren Vergnügen zusammenrunden.

Wie automatische Margen in Flexbox funktionierenApr 13, 2025 am 11:35 AM

Robin hat dies schon einmal abgedeckt, aber ich habe in den letzten Wochen einige Verwirrung darüber gehört und gesehen, wie eine andere Person einen Stich gemacht hat, um es zu erklären, und ich wollte

Bewegliche Regenbogen unterstreichtApr 13, 2025 am 11:27 AM

Ich liebe das Design der Sandwich -Site. Unter vielen schönen Merkmalen befinden sich diese Schlagzeilen mit Regenbogenuntergründen, die sich beim Scrollen bewegen. Es ist nicht

Neues Jahr, neuer Job? Lassen Sie einen netzbetriebenen Lebenslauf machen!Apr 13, 2025 am 11:26 AM

Viele beliebte Lebenslaufdesigns machen den verfügbaren Seitenraum optimal, indem sie Abschnitte in Gitterform legen. Verwenden wir ein CSS -Netz, um ein Layout zu erstellen, das

Eine Möglichkeit, die Benutzer aus der Gewohnheit herauszubrechen, zu viel neu zu ladenApr 13, 2025 am 11:25 AM

Seiten -Nachladen sind eine Sache. Manchmal aktualisieren wir eine Seite, wenn wir der Meinung sind, dass sie nicht mehr reagiert, oder glauben, dass neue Inhalte verfügbar sind. Manchmal sind wir nur sauer auf

Domänengetriebenes Design mit ReactApr 13, 2025 am 11:22 AM

Es gibt nur sehr wenige Anleitungen zur Organisation von Front-End-Anwendungen in der Welt der Reaktionen. (Bewegen Sie einfach Dateien um, bis es sich „richtig anfühlt“, lol). Die Wahrheit

Erkennen inaktiver BenutzerApr 13, 2025 am 11:08 AM

Meistens kümmert es Sie sich nicht wirklich darum, ob ein Benutzer aktiv mit Ihrer Anwendung inaktiv oder vorübergehend inaktiv ist. Inaktiv, was vielleicht sie vielleicht