Noten (.ttf) im HTML-Dokument

[Gunnar Bittersmann]

@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; }

<p class=nt>abcdefghijklmnpqrstuvwxyz</p>

Bevor ich das musikalische Rad neu erfinde:

Wenn das alte Rad eckig ist, ist es sinnvoll, ein neues zu erfinden.

Dir von die ausgesuchte Schriftart stellt irgendwelche Zeichen (hier Kleinbuchstaben), die nichts mit musikalischen Zeichen zu tun haben, als musikalische Zeichen dar. Das Rad läuft nicht rund.

Sinnvoller ist es, für musikalische Zeichen nicht andere Zeihen (Buchstaben) zu missbrauchen, sondern musikalische Zeichen als solche zu codieren. Aber auch dieses Rad ist bereits erfunden: der Unicodeblock Musical Symbols U+1D100 bis U+1D1FF

Diese Zeichen sind für musikalische Zeichen zu verwenden – und eine Schriftart, die das richtig darstellt.

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

Man könnte die Noten mit <span style="vertical-align: -0.42em">&#x1D15F;</span> vertikal verschieben.

Aber sinnvoller ist wohl – wie schon gesagt wurde – ein Notensatzprogramm, dass die Partitur in einem entsprechenden Format ausgibt. Vorzugsweise SVG.

LLAP