How do I get the font style (font-family) from an element

Question

I am using angular, but I assume I can use any DOM manipulation for this ?

Answer 1

You can use getComputedStyle() and getPropertyValue().

Here's a running example:

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>

Answer 2

If you have jQuery you can use this:

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

You can use vanilla JS too, but it is a bit more involved. Here is an example using getComputedStyle: getComputedStyle in pure Javascript?