[jlreq] Emphasis Dots and Fonts (#446)

bobbytung has just created a new issue for https://github.com/w3c/jlreq:

== Emphasis Dots and Fonts ==
Hello JLREQ folks!

There is a quite old issue confusing me for years. 

傍点 in Japanese is also 着重号 in Simplified Chinese. It's not used in Taiwan, but more and more translated novels from Japanese used this way for emphasis.

This requirement is fulfilled by CSS properties "text-emphasis" and supported by browser with vertical writing many years ago.

But the implement depends on font design. Only a few Japanese fonts can display as intended. With other fonts, line-height will be expanded to break layout.

Here's a sample: Oe Kenzaburo's novel in TC. line-height is more than set 1.7.
<img width="248" alt="截圖 2024-10-31 清晨6 43 32" src="https://github.com/user-attachments/assets/eb57f51d-728b-4883-a957-e2f2a5f5d8af">

I've found that Apple's system font, such as Hiragino Mincho, Yu Mincho...the glyphs used by text-emphasis are designed with narrow width as this:

<img width="322" alt="截圖 2024-10-31 清晨6 46 23" src="https://github.com/user-attachments/assets/e1502671-5373-48c6-a821-9d10669ab74e">

But most all the other TC / SC / JP fonts are using width 1000 as default. That will cause line-height broadened.

I've filed an issue on [Webkit radder](https://bugs.webkit.org/show_bug.cgi?id=239693) several years ago. But nothing changed.

I'd like to hear your opinion and figure out how to solve this old problem.



Please view or discuss this issue at https://github.com/w3c/jlreq/issues/446 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 7 November 2024 02:33:22 UTC