search

ethantw / Han

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

hanging-punctuation 效果如何实现 #115

Closed MrXCQ closed 9 months ago

MrXCQ commented 4 years ago

hanging-punctuation 图片 支持上述效果吗？能不能告知一下方法，多谢

weakish commented 4 years ago

支持标点悬挂（hanging-punctuation），用法见文档。

实现方法陈奕钧在内核恐慌第 16 期结尾(1:33:40-1:37:00)介绍过，是一个非常巧妙的 hack。因为行尾的半角空格会被浏览器的排版引擎挤出去，所以将可以悬挂的标点符号都替换为半角空格，再搭配专门制作的 web font 将半角空格显示为一个汉字（全角标点符号）的大小，最后将原来的标点叠加上去，这样就实现了标点悬挂（也就是利用浏览器对空格的处理机制给可悬挂的标点定位）。