Re: [clreq] Handling long annotations over adjacent characters in Chinese (#124)

Most publications I've seen use mono-ruby for each base characters, align the center of the ruby string and of the base character in the inline direction, and increase inter-character spacing for the whole article. See https://github.com/w3c/type-samples/issues/93 for an example.

But sometimes group-ruby, non-center-aligned-ruby, and/or ruby with some amount of overhang over the preceding and following base characters are used as well. See https://thetype.com/wp-content/uploads/2017/08/pinyinxuangua.png for an example.

re achieving it in CSS, I'm not sure if there are other better solutions, but applying extra inter-character space to the paragraph and use normal letter spacing for `rt` is indeed a solution. [Here is a test.](https://w3c.github.io/i18n-tests/exploratory/vanilla?text=%3Cstyle%3E%0A%20%20%20%20p%20%7Bletter-spacing%3A%20.25em%3B%7D%0A%20%20%20%20rt%20%7Bletter-spacing%3A%20normal%3B%7D%0A%3C%2Fstyle%3E%0A%3Cp%3E%3Cruby%3E%3Crb%3E%E5%9C%A8%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3EZ%C3%A0i%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E7%BD%91%E9%A1%B5%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ew%C7%8Engy%C3%A8%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E6%8E%92%E7%89%88%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ep%C3%A1ib%C7%8En%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E6%96%B9%E9%9D%A2%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ef%C4%81ngmi%C3%A0n%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3C%2Fruby%3E%EF%BC%8C%3Cruby%3E%3Crb%3E%E7%94%B1%E4%BA%8E%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ey%C3%B3uy%C3%BA%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E6%97%A5%E6%9C%AC%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3ER%C3%ACb%C4%9Bn%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E7%9A%84%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ede%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E6%8E%A8%E5%8A%A8%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Etu%C4%ABd%C3%B2ng%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3C%2Fruby%3E%EF%BC%8C%3Cruby%3E%3Crb%3E%E5%BE%88%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Eh%C4%9Bn%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E6%97%A9%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ez%C7%8Eo%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E5%B0%B1%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Eji%C3%B9%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E5%BC%80%E5%A7%8B%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ek%C4%81ish%C7%90%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E4%BA%86%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ele%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E5%AF%B9%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Edu%C3%AC%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E6%B3%A8%E9%9F%B3%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ezh%C3%B9y%C4%ABn%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E7%9A%84%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ede%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%E6%94%AF%E6%8C%81%3C%2Frb%3E%3Crp%3E%EF%BC%88%3C%2Frp%3E%3Crt%3Ezh%C4%ABch%C3%AD%3C%2Frt%3E%3Crp%3E%EF%BC%89%3C%2Frp%3E%3Crb%3E%3C%2Frb%3E%3C%2Fruby%3E%E3%80%82%3C%2Fp%3E&lang=zh-Hans&fontSize=36&width=500&height=500)

-- 
GitHub Notification of comment by xfq
Please view or discuss this issue at https://github.com/w3c/clreq/issues/124#issuecomment-587282456 using your GitHub account