Wie ermittelt man den tatsächlich berechneten Namen der Schriftfamilie in JavaScript?

Bestimmen des berechneten Schriftfamiliennamens in JavaScript

In einem früheren Thread wurde das Problem des genauen Abrufens der berechneten Schriftgröße erfolgreich gelöst. Es bestehen jedoch weiterhin Herausforderungen bei der Ermittlung des tatsächlichen Schriftartnamens, insbesondere angesichts der Tatsache, dass die generische Funktion für berechnete Stile lediglich die vollständige Schriftartzeichenfolge bereitstellt.

Um die Kompatibilität mit Dropdown-Menüs für Schriftartfamilien sicherzustellen, benötigen wir den genauen Schriftartnamen des Elements . Gibt es eine zuverlässige Methode, dies zu erreichen, insbesondere für weit verbreitete Web-Schriftarten?

Lösung

Um die berechnete Schriftfamilie mithilfe von JavaScript aus dem DOM zu erhalten, führen Sie die folgenden Schritte aus:

<code class="javascript">let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family'); // e.g. "Times New Roman"</code>

Referenz: https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

Das obige ist der detaillierte Inhalt vonWie ermittelt man den tatsächlich berechneten Namen der Schriftfamilie in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!