Bug 58079 – Web Inspector: Show precise information about the font actually used for rendering

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: Web Inspector (Deprecated)

The Web Inspector currently shows under Elements > Computed Style which CSS rule was chosen to render a certain part of text like this:

font-family: Cantarell, 'Droid Sans', sans-serif;
body - Cantarell, "Droid Sans", sans-serif

However, this information might not be sufficient to determine which font was actually used for rendering, especially if the font is not identifiable by glance.

In my example I am sufficiently sure that I don't have installed Cantarell or "Droid Sans" on my system so it is likely what I have selected as preference for sans-serif. So it should be Lucida Grande But when I copy-paste some text from http://www.gnome3.org/ to let's say TextEdit it appears there as Times. Even if I switch the font in TextEdit to Lucida Grande and compare the result to what I see on http://www.gnome3.org/ it looks different. So I tried to find out if said site uses webfonts or the like (doesn't seem so at glance) but all that digging wouldn't be necessary if the Web Inspector would show the actual font used for rendering right away.

thanks for your patience,

Lars

[Alexey Proskuryakov]

Is this the same as bug 37451?

[Alexey Proskuryakov]

*** This bug has been marked as a duplicate of bug 37451 ***