IPA filter

Revision as of 04:09, 15 May 2014 by Kevin Wiliarty (talk | contribs) (adds Tinos font details)

Jump to: navigation, search

Note: You are currently viewing documentation for Moodle 3.1. Up-to-date documentation for the latest stable version of Moodle is probably available here: 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.

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.

Gentium Sample

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.

Doulos Sample

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.