Wie erhalte ich den tatsächlichen Schriftartnamen, der von einem DOM-Element in JavaScript verwendet wird?

Abrufen der berechneten Schriftartenfamilie in JavaScript

In dieser Fortsetzung einer früheren Frage möchten wir eine Lösung zum Abrufen bereitstellen der tatsächliche Schriftartname eines DOM-Elements mit JavaScript.

Die generische Funktion „berechneter Stil“ gibt die vollständige Schriftartzeichenfolge zurück, die für ein Element definiert ist, einschließlich Fallbacks. Um dies jedoch mit Dropdown-Schriftfamilieneinträgen abzugleichen, benötigen wir einen festen Schriftnamen für die tatsächlich verwendete Schriftart.

Lösung:

Um die berechnete Schriftfamilie abzurufen Erwägen Sie den folgenden Ansatz:

<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>

Hinweise:

• Diese Methode gibt nur die für das Element angegebene primäre Schriftfamilie zurück.
• Einige Browser (z. B. Chrome und Firefox) unterstützen die Eigenschaft „Schriftfamilie“, wie im CSS Font Interface Module Level 3 definiert. Diese Schnittstelle bietet eine detailliertere Kontrolle über die berechnete Schriftfamilie.

Quelle:

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

Das obige ist der detaillierte Inhalt vonWie erhalte ich den tatsächlichen Schriftartnamen, der von einem DOM-Element in JavaScript verwendet wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!