Wie kann ich die tatsächlich gerenderte Schriftart in JavaScript abrufen, wenn die CSS-Schriftarteigenschaften nicht definiert sind?

Zugriff auf die tatsächlich gerenderte Schriftart, wenn sie in CSS nicht definiert ist

Beim Zugriff auf die Schriftarteigenschaften eines Elements werden die JavaScript-Objekte object.style.fontFamily und object .style.fontSize gibt möglicherweise leere Werte zurück, wenn die entsprechenden CSS-Eigenschaften nicht explizit festgelegt sind. Dies bedeutet jedoch nicht, dass das Element ohne Schriftart gerendert wird. Der Browser wendet normalerweise Standard- oder geerbte Stile an, die die tatsächlich gerenderte Schriftart definieren.

Um die Informationen zur gerenderten Schriftart abzurufen, können Sie die getComputedStyle-Methode verwenden:

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

Zum Beispiel:

css(object, 'font-size') // returns '16px'

Diese Methode gibt den berechneten Wert der angegebenen Eigenschaft zurück, auch wenn diese nicht explizit in festgelegt wurde CSS.

Hinweis: getComputedStyle wird in IE8 nicht unterstützt.

Live-Demo:

[https://jsfiddle .net/4mxzE/](https://jsfiddle.net/4mxzE/)

Das obige ist der detaillierte Inhalt vonWie kann ich die tatsächlich gerenderte Schriftart in JavaScript abrufen, wenn die CSS-Schriftarteigenschaften nicht definiert sind?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!