Wie können wir zuverlässig erkennen, welche Schriftart tatsächlich auf einer Webseite gerendert wird?

Bestimmte Schriftarten in Webseiten erkennen

Die Bestimmung, welche Schriftart auf einer Webseite gerendert wird, ist entscheidend für die Gewährleistung einer optimalen Benutzererfahrung. Stellen Sie sich eine CSS-Regel vor, die mehrere Schriftarten definiert:

body {
    font-family: Calibri, Trebuchet MS, Helvetica, sans-serif;
}

Wie können wir erkennen, welche dieser Schriftarten tatsächlich im Browser des Benutzers angezeigt werden?

Der Grund für diese Bestimmung ist entscheidend, da es sich um bestimmte Schriftarten handelt kann einzigartige Glyphen enthalten, die anderswo nicht verfügbar sind. Wenn dem Benutzer die gewünschte Schriftart fehlt, ist es daher vorzuziehen, einen Download-Link bereitzustellen. Derzeit wird der Download-Link jedoch allen Benutzern angezeigt, auch denen, die die richtige Schriftart installiert haben.

Eine geniale, aber möglicherweise unzuverlässige Methode besteht darin, ein Element mit einer bestimmten Schriftart und einem bestimmten Text zu erstellen. Fehlt dem Browser die angegebene Schriftart, erbt er die Schriftart von seinem übergeordneten Element. Durch Messen der Breite des gerenderten Texts und Vergleich mit der erwarteten Breite sowohl der gewünschten als auch der übernommenen Schriftarten kann das Vorhandensein der gewünschten Schriftart bestimmt werden. Diese Technik ist jedoch nicht für monospaced Schriftarten geeignet.

Weitere Einblicke zu diesem Thema finden Sie in der folgenden Referenz:

• Javascript/CSS Font Detector (ajaxian.com; 12. März 2007)

Das obige ist der detaillierte Inhalt vonWie können wir zuverlässig erkennen, welche Schriftart tatsächlich auf einer Webseite gerendert wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!