- From: Philip Jägenstedt via GitHub <sysbot+gh@w3.org>
- Date: Fri, 08 Oct 2021 08:17:38 +0000
- To: public-i18n-archive@w3.org
I found my way here from https://github.com/w3c/i18n-activity/projects/3?card_filter_query=ruby and am curious what's missing. I tried recreating the [Wikipedia example](https://en.wikipedia.org/wiki/Bopomofo#Example) with HTML:
```html
<!DOCTYPE html>
<style>
ruby {
font-size: 64px;
ruby-position: inter-character;
}
rt { font-size: 16px; }
</style>
<body lang=zh-Hant>
<ruby>
瓶<rt>ㄆㄧㄥˊ</rt>
子<rt>˙ㄗ</rt>
</ruby>
```
It's rendered similarly in Chrome, Firefox and Safari, here's a screenshot from Safari:

It looks like `ruby-position: inter-character` isn't supported by any browser, and perhaps that's common for bopomofo?
I'm also not sure if the tone marks are combined correctly in particular "˙ ㄗ" seems weird, but then I don't know how horizontal bopomofo is supposed to look like.
Are there more issues here?
--
GitHub Notification of comment by foolip
Please view or discuss this issue at https://github.com/w3c/clreq/issues/241#issuecomment-938441852 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 8 October 2021 08:17:40 UTC