Again, this will always be a beta version of html-music because the glyphs in the musicalsymbols font will be used for images of notes, rests, clefs, etc. The big difference here is that heights of notes and stave-lines and related properties will be specified in pixels. Sizes of notes and other glyphs are controlled by font-size, but the size of the staves on which they are located is fixed. The result is that the most irritating truncation and roundoff errors, the ones that break the the symmetries of placement of notes on staves, are eliminated. The price to be paid for that is that that font-sizes are not arbitrary; instead they have to be near one of the perfect font-sizes.
The symmetries are: (1) upper- and lower-halves of a note-body are 180° rotations of one another, and (2) they are placed at the centers of stave-lines (or ledger-lines) or at the centerlines of the spaces. So if the thickness, in pixels, of a line is odd then it follows that the thickness of a note-body is odd, and it follows in turn that the separation of lines is odd. The similar argument for lines whose thickness is even gives the result that symmetry preserving staves are the ones for which
font-size = (4M+5N)px where M = N (Mod 2) (both even or both odd).These are the font-sizes of the staves, as it were, and a different stylesheet for each one is needed, but there aren't all that many useful ones.
A few of the promising candidates are:
4x7+5 = 33px with 7px or 9px note-bodies 4x9+5 = 41px with 9px or 11px note-bodies 4x8+10 = 42px with 8px or 10px note-bodiesFont-sizes for musicalsymbols.ttf can be chosen to be somewhat smaller or larger, just so long as the heights of note-bodies are consistent ( = M (Mod 2) ).