The Character Map is a bonus utility I've added into
the Font Tester to allow you to easily find the corresponding HTML entity
for a particular character.
First, you'll notice a dropdown list which
asks you for a "Font" and another dropdown list which asks you for a
"Size". So you choose which font you want and which size you want and
you can preview what all1 of the characters in that font will look like at
that size.
Once you've chosen a font and a size,
simply click on the one of the characters in the table to have it's HTML
entity displayed in the "HTML Entity" textbox. You can then copy and
paste this HTML Entity into your HTML source code to have that character
displayed in your webpage. Or, if you would like to preserve the
"font-family" and the "font-size" you see in the table simply press the
"Get HTML Code" link located next to the HTML Entity textbox. This pops
up a dialog window showing you a snippet of HTML code you can copy and
paste into your webpage to reproduce that exact character at the size
you've chosen and in the font you've chosen.
If you find the Character Map to be distracting, you can
hide it simply press the Hide link by it's name. To show it again, simply
press the "Hide" link a second time (which should now be labeled "Show").
1Note: I can't say "all" characters are
included in the Character Map, because actually the character map only
shows a relatively small number of characters (the ASCII character set
33-255). These are the most commonly used characters. There could also be
unicode characters above this range (up to 65,535) which the font *may* be capable of
displaying. In the future I plan on adding a section to the site
showing all of the available characters in each
font (including all of the available unicode characters).