Wie rufe ich mithilfe berechneter Stile in JavaScript einen bestimmten Schriftfamiliennamen ab?

Abrufen einer berechneten Schriftfamilie in JavaScript

Als Erweiterung einer früheren Anfrage stellt sich die Herausforderung, die browserübergreifende Bestimmung von Schriftfamilien zu bewältigen. Während die Bestimmung der Schriftgröße behoben wurde, stellt die Identifizierung der genauen Schriftfamilie zusätzliche Schwierigkeiten dar.

Die aktuelle Implementierung extrahiert nur die vollständige Schriftzeichenfolge, die gestapelte Alternativen wie „Times New Roman, Georgia, Serif“ umfassen kann. Um den Schriftart-Dropdown-Menüeinstellungen zu entsprechen, suchen wir jedoch nach einem festen Schriftartnamen, der die tatsächliche Schriftart darstellt, die vom untersuchten DOM-Element verwendet wird.

Mit der leistungsstarken Methode getComputedStyle() können wir die berechnete Schriftart abrufen -Familie auf eine Weise, die mit den meisten gängigen Browsern kompatibel ist:

<code class="js">let paragraph = document.querySelector('p');
let computedStyle = window.getComputedStyle(paragraph);
let fontfamily = computedStyle.getPropertyValue('font-family'); // e.g. "Times New Roman"</code>

Dieser Ansatz stellt sicher, dass die abgerufene Schriftfamilie genau die Schriftart widerspiegelt, die derzeit im DOM-Element gerendert wird, und ermöglicht so eine nahtlose Ausrichtung des Schriftarten-Dropdown-Menüs.

Das obige ist der detaillierte Inhalt vonWie rufe ich mithilfe berechneter Stile in JavaScript einen bestimmten Schriftfamiliennamen ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!