Noten (.ttf) im HTML-Dokument

[Linuchs]

Hallo,

ich habe eine zunehmende Sammlung von Liedertexten als HTML-Dokumente.

Nun möchte ich mit Noten experimentieren. Ich habe den Font notes-normal.ttf heruntergeladen und eingebunden:

@font-face { font-family: 'notes'; src: url('css/notes-normal.ttf') format('truetype'); font-weight: normal; font-style: normal; } .nt { font-family: 'notes'; color: #00f; }

Nun kann ich mit Firefox Noten und musikalische Zeichen sehen:

<p>notes-normal.ttf</p>

<p class=nt>abcdefghijklmnpqrstuvwxyz</p>

Doch die sind alle in einer Ebene. Ich muss nun noch die Tonhöhen bestimmen.

Bevor ich das musikalische Rad neu erfinde: Wer hat schon sowas gemacht? Suche Erfahrungsaustausch.

Mein erstes Lied zum Testen: Samoa-Song

Gruß, Linuchs