Wie kann ich die gerenderte Schriftart eines Elements ohne CSS-Schriftartdefinitionen in JavaScript abrufen?

Abrufen der tatsächlich gerenderten Schriftart ohne CSS-Definitionen

Im Bereich JavaScript müssen Entwickler häufig die tatsächliche Schriftart ermitteln Schriftart, die zum Rendern eines bestimmten Elements verwendet wird, auch wenn schriftartbezogene Attribute nicht explizit im CSS definiert sind. Diese Herausforderung entsteht, wenn das System oder der Webbrowser Standardschriftarteinstellungen zum Rendern verwendet.

Lösung:

Um die versteckte Schriftart aufzudecken, können Entwickler die getComputedStyle-Funktion nutzen, die Extrahiert den berechneten Stil eines Elements. Durch Eingabe der gewünschten Eigenschaft als Argument kann man den gerenderten Wert einschließlich Schriftfamilie und -größe erhalten. Hier ist eine benutzerdefinierte Funktion, die den Prozess vereinfacht:

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}

Verwendung:

Um beispielsweise die Schriftgröße abzurufen, rufen Sie die Funktion einfach folgendermaßen auf:

css(object, 'font-size'); // returns '16px', assuming that's the rendered size

Wichtig Hinweise:

• Diese Methode wird in Internet Explorer 8 nicht unterstützt.
• Die Funktion gibt eine Zeichenfolge zurück, sodass möglicherweise eine nachfolgende Verarbeitung erforderlich ist, um bestimmte Informationen wie die Schriftfamilie zu extrahieren oder Größe.

Live-Demonstration:

Für ein praktisches Beispiel besuchen Sie die Live-Demonstration Demo unter http://jsfiddle.net/4mxzE/. Diese Geige demonstriert die Verwendung der Funktion css() zum Abrufen der gerenderten Schriftart für ein div-Element mit einer nicht angegebenen Schriftart.

Das obige ist der detaillierte Inhalt vonWie kann ich die gerenderte Schriftart eines Elements ohne CSS-Schriftartdefinitionen in JavaScript abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!