Font family not being set on text

[Ari Seyhun]

The url of page inspected.

https://www.faceit.com/en/home

The element inspected.

body > div:nth-child(2)

or

<div ui-view="header">...</div>

Expected result.

.text-light {
    font-family: Play, sans-serif;
}

Actual result.

.text-light {
    font-family: "Times New Roman";
}

[Bobscript]

Inherited style will not be included.
font-family: Play, sans-serif; is defined in body{...}, I guess.

[Ari Seyhun]

Yes it is defined in body.
That's such a shame -- the extension is almost perfect. If it could just get inherited styled that would be exactly what I need.

The extension doesn't use getComputedStyle?

[Bobscript]

No, it does not.

It traverses every selector in external css files and <style> tags, and tests each selector if it applies to the selected element or its' children.

So the principle of this tool is that selectors matter. It doesn't handle the content inside selectors's {}.

BTW. There is no Chrome extension api that shows the rules used by one element. Maybe there once was, but deprecated now.