ethantw / Han

「漢字標準格式」印刷品般的漢字排版框架 Han.css: the CSS typography framework optimised for Hanzi.
https://hanzi.pro/
MIT License
2.42k stars 135 forks source link

New idea for better jiya (and hanging Biaodian) #73

Closed ethantw closed 9 years ago

ethantw commented 9 years ago

Came up with some new ideas of ways of handling Jiya, which are supposed to work well with Biaodian in the line start/end.

  1. Use a custom element, i.e. char, to wrap each one of CJK Biaodian
  2. Style'em to appear half-width presentationally
  3. Add a half-em space (via the same way of the spaces of HWS) before/after the Biaodian with the pseudo element (and hide it to avoid clipboard actions) when in need
  4. The space in the line start/end will automatically disappear so that the Jiya effect work

This is just a thought that might work, further tests are still required. Will work on it through a new feature branch named jiya, which will probably be included and replace the current handling in v3.2.0.

ethantw commented 9 years ago

Hant Biaodian looks like, 2015-03-28 02 35 13

Japanese and Hans ones look like, 2015-03-28 02 35 58

With first-line indentation, 2015-03-28 03 16 24

The grey background indicates the boundaries of paragraphs.

ethantw commented 9 years ago

Might as well try to implement hanging Biaodian in the same branch since they share one same logic.

ethantw commented 9 years ago

https://ethantw.github.io/Han/v3.2.0-b/jiya.html

cctus8hwmaeuly1 png-large

ethantw commented 9 years ago

TODO for hanging Biaodian