852280 - Fonts sometimes omitted in Web Inspector’s “Fonts” tab

Status: RESOLVED INVALID

(DevTools :: Inspector, defect)

Description

[Eric A. Meyer]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20130315 Firefox/22.0
Build ID: 20130315030943

Steps to reproduce:

1. Loaded up http://meyerweb.com/eric/css/tests/firefox-font-tab.html
2. Inspected the first of the three red boxes (NOT the lime box inside it).
3. Opened the “Fonts” tab in the inspector.
4. Noted that only one font (Arial, the only font used for display) is listed despite the div having ‘Times’ assigned to it.
5. Inspected the third red-backed 'div'.
6. Noted that all three fonts were listed in the “Fonts” tab even though only two were used for display.


Actual results:

Not all fonts in use in the first test were shown in the “Fonts” tab, even though they were in the third test.


Expected results:

All fonts in use in the first test should have been shown in the “Fonts” tab, just as they were in the third test.

Comment 1

[Joe Walker [:jwalker]]

I think that the font inspector is showing you the font used by the highlighted element and all the elements that it contains. Consequently highlighting the body shows you all 3.

The first red box uses Arial and overrides the value of Times from the body. The third doesn't have this override, but does have 2 spans containing 2 extra fonts.

So it looks to me like it's working as designed, even if it's not working how you expected. Can you explain what rule you exepcted? In what way did the first div use all 3 fonts?

Thanks

Comment 2

[:Hb]

(In reply to Joe Walker from comment #1)
> I think that the font inspector is showing you the font used by the
> highlighted element and all the elements that it contains. ...
> So it looks to me like it's working as designed, ...