Heim >Web-Frontend >CSS-Tutorial >Wie kann ich die angewendete Schriftart in CSS abrufen, wenn sie nicht explizit definiert ist?

Wie kann ich die angewendete Schriftart in CSS abrufen, wenn sie nicht explizit definiert ist?

Barbara Streisand
Barbara StreisandOriginal
2024-12-01 21:43:10671Durchsuche

How Can I Get the Applied Font in CSS When It's Not Explicitly Defined?

Erhalten der angewendeten Schriftart, wenn sie in CSS nicht definiert ist

Bei der Webentwicklung kann es erforderlich sein, auf die tatsächliche Schriftart zuzugreifen, die zum Rendern eines Elements verwendet wird wenn CSS dies nicht explizit angibt. Dies kann in Fällen auftreten, in denen der Text von Standardstilen übernommen oder in den Standardeinstellungen des Systems oder Browsers ausgeblendet wird.

Um diese Informationen abzurufen, können Sie die Funktion getComputedStyle verwenden:

Diese Funktion benötigt zwei Parameter: ein Element und eine CSS-Eigenschaft. Um beispielsweise die Schriftgröße eines Objekts zu bestimmen, würden Sie Folgendes verwenden:

Es ist wichtig zu beachten, dass diese Methode von IE8 nicht unterstützt wird.

Live-Demonstration:

[JS Fiddle Demo](http://jsfiddle.net/4mxzE/)

Diese Demo zeigt die Verwendung der CSS-Funktion in einer praktischen Anwendung. Es rendert ein div-Element mit einer benutzerdefinierten Schriftart und nutzt die Funktion, um die angewendete Schriftart in der Konsole des Browsers zu protokollieren.

Das obige ist der detaillierte Inhalt vonWie kann ich die angewendete Schriftart in CSS abrufen, wenn sie nicht explizit definiert ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn