Choose a phonetic alphabet:
American Phonetic Alphabet (APA)
International Phonetic Alphabet (IPA)

Choose a phonetic font: (Where do I get these fonts?)
Doulos SIL / Gentium
SILDoulos IPA93

Test:
What your browser is displaying:
What you should be seeing:
If the font you chose is properly installed, the text and the image will match. You should see the symbols for a post-alveolar affricate, a high front rounded vowel, and a palatal glide.