This page or one like it should be loaded before reading pages using the webfont, so that your browser can cache up the files. The files are all very small, typically from 100 to 150 bytes. When actually using the webfont, you can choose to include sizes or not, but if you do not include the sizes in the html, browsers will hang until all the graphic files are loaded. Of course, if they have been cached this may not be an issue. Every character is 32 pixels high, and they range from 2 pixels to about 40 pixels in width.
The font was created on my Mac, and based on Times 32. The small caps are (for the most part) 22 point Times, and most of the Greek characters are 32 or 33 point Symbol. The superscripts are 13-point Times and Symbol. The "hook" descenders and ascenders are based on the lowercase letter 'j', and the "leg" descenders on the lowercase 'p'.
Note: occasionally a browser will get "stuck" with just one or two characters left... in this case, click the stop button, do not reload the page, and click in the "Go:" or "Location:" bar and hit enter. This will reload the html source only, without trying to update the cached files.
Here are some pages which should help identify the various symbols:
Of course, actually using this font would get rather tedious if you had to type in all of the <img src> stuff by hand. So I whipped up a neat little perl script to do the converting for you. Merely edit a file "filename.html.src" as if it were regular html, but wherever you want IPA to go, encode it in Kirshenbaum ascii-ipa (see my other page about that), and surround it with a pseudo-tag <ipa>. Then get my ipaify script (for now email me to get it; it's only beta and I need to work out bugs) and run it. For instance, it would convert the not unpleasant