Pixel counter: Advanced rendering

[sybrew]

The pixel counter seems to be doing a great job on the sites I've scanned.

... But...

Characters like - get converted to – (i.e. en dash: –).
This will actually increase the number of pixels used, even though the user is unaware.

A visual representation:

5 dashes, each surrounded by a pipe.

|-|-|-|-|-|
|–|–|–|–|–|

Plausible solutions:

1. Periodically render title parts through a beautifier via AJAX.
2. Set up an HTML table, that mimics the beautifier, and run it through JS on-the-fly.

[sybrew]

Some useful insights: https://wordpress.org/support/topic/character-length-bar/