Как показывать знаки транскрипции?

В блоге, который посвящен изучению английского языка,  никак не обойтись без знаков транскрипции. Для показа знаков транскрипции можно

1. использовать специальный (довольно известный и широкодоступный) шрифт PhoneticTM. Файл этого шрифта phontm.ttf можно скачать в том числе и с сайта Study English Now - Мой английский
2. вставлять соответствующие символы Unicode

1. На веб-странице знаки транскрипции можно показывать как текст, для которого задан фонетический шрифт, но посетитель сайта не увидит нужные знаки транскрипции, если у него не установлен нужный шрифт! Поэтому я предоставляю возможность скачать и установить этот шрифт.

Чтобы упростить добавление тега с CSS-классом "phonetic", я использую конструктор, который формирует текст тега для знаков транскрипции.

Посмотреть конструктор тега для знаков транскрипции на JavaScript

2. Проще (копировать и) вставлять нужные фонетические символы
(подробнее см. Фонетические и другие знаки в таблице символов Unicode )

Знаки транскрипции для обозначения звуков английского языка

Гласные звуки
краткие: ʌ, ə, æ, i, e, o, u
долгие: ɑ:, ə:, i:, ɔ:, u:
дифтонги: ɑɪ, au, eɪ, əu, ɛə, ɪə, ɔɪ, uə

Согласные звуки:
f, h, k, p, s, ʃ, t, θ, ʧ
b, d, g, ʒ, ʤ, ð, v, z,
l, m, n, ŋ, r, j, w