<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: Show Exact Font Being Used"
href="https://bugs.webkit.org/show_bug.cgi?id=37451#c8">Comment # 8</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: Show Exact Font Being Used"
href="https://bugs.webkit.org/show_bug.cgi?id=37451">bug 37451</a>
from <span class="vcard"><a class="email" href="mailto:phiw2@l-c-n.com" title="Philippe Wittenbergh <phiw2@l-c-n.com>"> <span class="fn">Philippe Wittenbergh</span></a>
</span></b>
<pre>(In reply to <a href="show_bug.cgi?id=37451#c7">comment #7</a>)
<span class="quote">> This is an interesting idea.</span >
I still like the way Firefox (46) does it, a separate sub tab in the inspector.
(Weirdly perhaps, that sub tab does’t seem to exist in Firefox Developer edition and Firefox nightly)
<span class="quote">> In the WebKit inspector, you can only select an entire node at a time. How
> does it work in other browsers when certain characters in an element fall
> back to a different font than the rest of the characters?</span >
Speaking of Firefox: given this test file:
<!doctype html>
<body style="font-family: 'Helvetica Neue'; font-size: 2em;">
<p>test:☲ trigram</p>
<p style="font-family: Optima, sans-serif">test letters other ō ā</p>
Selecting any of the two <p>, the font sub tab shows the two font-family being used. For the 1st para, it shows 'Apple Symbols' and 'Helvetica Neue'; for the second one, it shows 'Optima' and 'Helvetica' (Optima doesn't have glyphs for ō ā).</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>