[Bill Purvis]
where span#rb { color : #ff0000; font-weight : normal;
font-size : 18; }
in the CSS.
recently stumbled across a problem on an android tablet (with the
"samsung internet" browser) where the flat symbol is not sourced from
the font used but replaced with something that looks like it came from
the emoji set (doesn't follow color indication, size and glyph margins
are quite off, plus a slight shading effect that makes the symbol look
like it's made of black gel).
the workaround was to use an external font that defines a glyph for
unicode 266d, apparently the native font does not supply one.
(strangely, the sharp symbol 266f was not similarly affected.)