clreq icon indicating copy to clipboard operation
clreq copied to clipboard

Where should tone marks be positioned when bopomofo appears over horizontal text?

Open r12a opened this issue 10 months ago • 3 comments

Normally, bopomofo annotations appear to the right side of each base Han character. However, in some cases, bopomofo can appear over horizontal text (much like pinyin). In those cases, are the non-neutral tone marks displayed after the bopomofo characters on the same line, or are they rendered above the other bopomofo characters?

See https://r12a.github.io/scripts/bopomofo/ontheweb#horhor

Image

Image

@fantasai is asking this question so that she can set the default expectation in CSS where bopomofo is displayed without the inter-character value for ruby-position.

r12a avatar Feb 20 '25 11:02 r12a

Hello Richard,

Normally, bopomofo annotations appear to the right side of each base Han character. However, in some cases, bopomofo can appear over horizontal text (much like pinyin). In those cases, are the non-neutral tone marks displayed after the bopomofo characters on the same line, or are they rendered above the other bopomofo characters? Image

Yes, according to the "The Manual", when texts flow horizontally and bopomofo on upper side. Tone marks(2nd, 3rd, 4th tone) should always be on upper-right.

Normal fonts without any design for tone marks (ˊˇˋ)will display in this way.

Image

Early Fonts from local foundry designed tone marks as full width glyph as figure above. It's acceptable and if do so, better with alternative design with font feature switch to fulfill the requirement in the Manual.

@fantasai is asking this question so that she can set the default expectation in CSS where bopomofo is displayed without the inter-character value for ruby-position.

bobbytung avatar Feb 26 '25 18:02 bobbytung

After our discussion, we think the non-neutral tone marks should be rendered above the other bopomofo characters, in the upper right corner. @r12a Does this answer your question?

xfq avatar Feb 27 '25 04:02 xfq

Thank you @xfq and @bobbytung.

@fantasai please note the preference for 'layered' tone positioning, ie.

Image

and let us know if your question is now answered, thanks. If so, we can close this issue.

r12a avatar Feb 27 '25 09:02 r12a