如何从元素中获取字体样式（字体系列）

【问题标题】：How do I get the font style (font-family) from an element如何从元素中获取字体样式（字体系列）
【发布时间】：2015-06-06 03:32:43
【问题描述】：

我正在使用 Angular，但我假设我可以为此使用任何 DOM 操作？

【问题讨论】：

是的，你可以使用任何 DOM 操作

标签： jquery angularjs

【解决方案1】：

您可以使用getComputedStyle() 和getPropertyValue()。

这是一个运行示例：

var test = document.getElementById("test");
var result = document.getElementById("result");
result.value = getComputedStyle(test).getPropertyValue("font-family");

#test {
  font-family: "Trebuchet MS",sans-serif;
}

<span id="test">What font family am I?</span>
<input id="result"></input>

【讨论】：

【解决方案2】：

如果你有 jQuery，你可以使用这个：

$('#some-selector').css('font-family');

你也可以使用 vanilla JS，但它有点复杂。以下是使用getComputedStyle 的示例： getComputedStyle in pure Javascript?

【讨论】：