IPA filter
The IPA Filter (a third-party, contributed module) displays X-SAMPA ASCII markup as Unicode IPA. The intent is to offer an easy and fast way to display the International Phonetic Alphabet in Moodle.
Usage
Enclose X-SAMPA in curly braces with hyphens outermost: "-{" opens a stretch of X-SAMPA, and "}-" closes the stretch.
For example, if you enter a string like this:
-{D@ "fIlt@r Iz "w@rkIN}-
It should display as:
ðə ˈfɪltər ɪz ˈwərkɪŋ
A full list of the substitutions can be found at the Wikipedia X-SAMPA page
Fonts
In order to ensure that the IPA displays correctly -- especially the combining marks (diacritics) -- you will want to be sure to load at least one IPA-compatible web font. The Moodle IPA filter ships with two fonts that you can call, or you can use a carefully selected Google Web Font. In each case you will need to add a link to a particular style sheet in the HEAD area of Site administration > Appearance > Additional HTML.
Gentium
Gentium is the first font listed in the filter's 'font-family' so if you load it, it should display. Gentium is a slightly fanciful serif font that is very readable even at smaller sizes -- important when you are using unusual glyphs.
To use Gentium add something like this to your Additional HTML:
<link rel="stylesheet" href="URL_TO_YOUR_MOODLE/filter/ipa/gentium.css" type="text/css">
You will need to provide the root URL to your own Moodle site to replace "URL_TO_YOUR_MOODLE".
Doulos
Doulos is a somewhat compact serif font without unnecessary flourishes. Doulos is listed second in the filter's 'font-family' so it will be overriden by Gentium if you are loading both.
To use Doulos add a line like this to your Additional HTML:
<link rel="stylesheet" href="URL_TO_YOUR_MOODLE/filter/ipa/doulos.css" type="text/css">
Make sure to replace "URL_TO_YOUR_MOODLE" with the relevant URL for your site.
Tinos
Tinos is a stylish serif font and one of only a couple Google Web Fonts that handles the spacing for the combining marks well. To use Tinos you would add a line like this to your Additional HTML:
<link rel="stylesheet" href="URL_TO_YOUR_MOODLE/filter/ipa/tinos.css" type="text/css">
Make sure to replace "URL_TO_YOUR_MOODLE" with the relevant URL for your site.
