16

In the Chrome browser using the developer tools, on the Computed tab there is a section at the bottom named Rendered Fonts. In that section there is an item which lists the font type that is rendered and it states # glyphs. The # represents a number from 0 and up. What does glyph actually mean? Is it the number of characters? See screenshot below. I tried searching the web but didn't find a conclusive answer.

1 Answer 1

11

Yes, it appears that this describes the number of characters (glyphs) that were produced from the given font.

  • Repeated characters are counted separately ("aabb" = 4 glyphs).
  • Blank spaces are included ("a b" = 3 glyphs).
  • Ligatures are counted as two separate glyphs ("off" = 3 glyphs even with ff ligature).
  • Child elements are not counted (foo<span>bar</span> = 3 glyps).

The purpose of the "Rendered Fonts" pane appears to be to show what font substitutions have taken place. For example, even with font-family: Arial, Chrome on Windows 7 substitutes SimSun for Chinese characters; inspecting this JSBin gives "Arial—8 glyphs, SimSun—2 glyphs".

0

Your Answer

Reminder: Answers generated by Artificial Intelligence tools are not allowed on Stack Overflow. Learn more

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.