Wie erhalte ich den wahren Namen der Schriftfamilie in JavaScript?

Den wahren Schriftfamilienwert in JavaScript ermitteln

In einer früheren Frage wurde besprochen, wie man die Schriftgröße über JavaScript erhält. Jetzt untersuchen wir, wie man den tatsächlichen Schriftfamiliennamen aus dem berechneten Stil eines DOM-Elements ermittelt.

Standardmäßig gibt die berechnete Stilfunktion nur die gesamte Schriftdefinition zurück, einschließlich des gesamten Schriftfamilienstapels. Für die Auswahl von Schriftarten in einem Dropdown-Menü benötigen wir jedoch den genauen Namen der verwendeten Schriftart.

Lösung

Um den wahren Namen der Schriftartfamilie zu extrahieren, Verwenden Sie den folgenden Code:

let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family');

Dadurch wird eine Zeichenfolge wie „Times New Roman“ zurückgegeben, die mit den Optionen im Dropdown-Menü Ihrer Schriftfamilie abgeglichen werden kann.

Browser-Unterstützung

Der obige Code wird in allen gängigen Browsern unterstützt und bietet eine konsistente Möglichkeit, den berechneten Schriftfamilienwert zu erhalten.

Das obige ist der detaillierte Inhalt vonWie erhalte ich den wahren Namen der Schriftfamilie in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!