Using Doulos SIL Cipher in html

The page demonstrates how to use Doulos SIL Cipher for web pages, using local copies of the .ttf (ideally .woff files should be used) in this archive. For more information on this technique - and how to use the normal TrueType version as a web font - see Using SIL Fonts on Web Pages.

The body of this document is styled using an external stylesheet, with Doulos SIL Cipher set as the default font, and loaded directly as a WOFF file using the @font-face rule. If you're seeing a serif font here then it is working. Otherwise the text will be in a sans-serif font or your browser default. This technique should work only in Firefox 3.6+, Chrome 6, the IE9 beta, and in development versions of Safari.

To see specifically how these techniques are specified in the CSS and HTML view the source to this page and the accompanying CSS file.

Because the lyrics are not monospaced, the font and spacing must be manually adjusted for the lyrics and music to match.

Indonesian Kepatihan 265. Bila Tugasku Kelak Selesai, lines 1, 5, 6

5  1̇  7   6   5   4 𝄀 3   5  1̇  3̇ .. 𝄒𝄀 3̇  2̇    1̸̇   3̇ 2̇  7 𝄀
Bi-la tu-gas-ku ke-lak se-le-sai,   s’la-mat ’ku ti-ba di

4̇     5̇     2̇    3̇ . . 𝄒𝄀 5̇    3̇     2̇    1̇     2̇      3̇   𝄀  4̇
ba - ha - gi - a;        bi - la   ku - pan-dang Tu - han-

6   1̇   3̇͒ . . 𝄒𝄀 2̇   1̇   6     5     5̇͒     4̇  𝄀 3̇     5͒    2̇   1̇ . . 𝄂
ku ke - lak,    a - ku ba - ha - g𝅷ia𝅸, ba - ha - g𝅷ia𝅸 te – tap.

Indonesian Kepatihan 119. Hai Dunia, Gembiralah, line 2

1̇̅  𝄀  𝅷1̇̅ ̅7̅𝅸 𝅷6̅ ̅5̅𝅸 𝄀 𝅷5̅ ̅.̿ ̿4̿ 3̅𝅸 ̅1̇̅ 𝄀 𝅷1̇̅ ̅7̅𝅸 𝅷6̅ ̅5̅𝅸 𝄀 𝅷5̅ ̅.̿ ̿4̿ 3̅𝅸 ̅𝄒̅ ̅3̅ 𝄀

Di    ha  -  ti  -  mu       te  -  ri  -  ma - lah!     Ber-

Chinese Jianpu

1 𝅷5̲̣ ̲·̲ ̲6̳̣𝅸 1 · 2̲ 𝄀 3 - 3 𝅷5̲ ̲·̲ ̲3̳𝅸 𝄀 2 · 1̲ 2 -

5 5 𝄀 𝅷5 4𝅸 3 - 1 2 𝄀 𝅷3 2𝅸 7̣͒ - 𝅷5 ♯4𝅸 𝄀 3 - - 2 1 - 𝄀 𝅷1 - 7̣𝅸 -