[csswg-drafts] [css-fonts-4] Add `hkna` & `vkna` (& `pkna`) OpenType feature settings to `font-variant-east-asian` (e.g. `horizontal-kana` & `vertical-kana` & `proportional-kana`) (#13495)

tats-u has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-fonts-4] Add `hkna` & `vkna` (& `pkna`) OpenType feature settings to `font-variant-east-asian` (e.g. `horizontal-kana` & `vertical-kana` & `proportional-kana`) ==
https://helpx.adobe.com/fonts/using/open-type-syntax.html
https://sparanoid.com/lab/opentype-features/

Some best-quality Japanese fonts (e.g. Yu Gothic, Hiragino Kaku Gothic/Mincho) supporting Adobe Japan 1-4+ have horizontal/vertical-dedicated hiragana/katakana variants. The default kana glyphs are not fine-tuned for a specific writing direction in such fonts.

```css
[lang]:lang(ja) {
    font: horizontal-kana 100% "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", sans-serif;
}

ruby {
  font-variant-east-asian: ruby;
}

/* <span class=quote>“</span>ほげ<span class=quote>”</span> */
.quote {
  font-variant-east-asian: full-width;
}
```

I heard that some fonts contain horizontal/vertical & ruby dedicated kana variants.

`proportional-width` (`pwid`) is insufficient because it changes widths of unexpected other characters (e.g. "～" used for en-dash in English), too.

Note: `pkna` for hiragana/katakana = `hkna` + `palt`? `palt` shrinks the widths of some other characters (e.g. full-width parenthesis/brackets), too.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13495 using your GitHub account


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

Received on Friday, 13 February 2026 15:15:53 UTC