<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#c10">Comment # 10</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:mmaxfield&#64;apple.com" title="Myles C. Maxfield &lt;mmaxfield&#64;apple.com&gt;"> <span class="fn">Myles C. Maxfield</span></a>
</span></b>
        <pre>(In reply to <a href="show_bug.cgi?id=37451#c9">comment #9</a>)
<span class="quote">&gt; (In reply to <a href="show_bug.cgi?id=37451#c8">comment #8</a>)
&gt; &gt; (In reply to <a href="show_bug.cgi?id=37451#c7">comment #7</a>)
&gt; &gt; 
&gt; &gt; &gt; This is an interesting idea.
&gt; &gt; 
&gt; &gt; I still like the way Firefox (46) does it, a separate sub tab in the
&gt; &gt; inspector.
&gt; &gt; (Weirdly perhaps, that sub tab does’t seem to exist in Firefox Developer
&gt; &gt; edition and Firefox nightly)
&gt; &gt;  
&gt; &gt; &gt; In the WebKit inspector, you can only select an entire node at a time. How
&gt; &gt; &gt; does it work in other browsers when certain characters in an element fall
&gt; &gt; &gt; back to a different font than the rest of the characters?
&gt; &gt; 
&gt; &gt; Speaking of Firefox: given this test file:
&gt; &gt; &lt;!doctype html&gt;
&gt; &gt; &lt;body style=&quot;font-family: 'Helvetica Neue'; font-size: 2em;&quot;&gt;
&gt; &gt; 
&gt; &gt; &lt;p&gt;test:☲ trigram&lt;/p&gt;
&gt; &gt; 
&gt; &gt; &lt;p style=&quot;font-family: Optima, sans-serif&quot;&gt;test letters other ō ā&lt;/p&gt;
&gt; &gt; 
&gt; &gt; Selecting any of the two &lt;p&gt;, the font sub tab shows the two font-family
&gt; &gt; being used. For the 1st para, it shows 'Apple Symbols' and 'Helvetica Neue';
&gt; &gt; for the second one, it shows 'Optima' and 'Helvetica' (Optima doesn't have
&gt; &gt; glyphs for ō ā).
&gt; 
&gt; Ah, so it just presents the union of all the used fonts in the node.
&gt; 
&gt; Maybe that idea is enough for us. I'm not sure.</span >

I think WebCore should expose something like (in pseudocode)

result: [range]
struct range {
    unsigned stringStartIndex
    unsigned stringEndIndex
    string font
}

Then, the web inspector machinery can determine the best way to expose this information to the user.</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>