javascript - 如何找出元素实际使用的字体？

Question

我希望能够找出元素实际使用的字体系列，以便我可以在文档中向用户显示它。也许我可以用 JavaScript 读取 DOM 中的某些内容来告诉我这一点？

我意识到我可以从 DOM 中找到文档中指定的 font-family，但我想知道浏览器实际使用的是哪一个。

Answer 1

你可以这样做:假设 label 是你的 DOM 元素，你可以将 DOM 元素更改为你想要的任何内容。这是您要找的吗？

var elem = document.getElementById('one');
console.log(elem.style.fontFamily);

<label for="male" id="one" style="font-family:'Comic Sans MS', cursive">Male</label>