JQJ · Junction / 聚境

双语札记 / Bilingual notes

从十八像素基准、一点二五字号比例和一点七五行高开始。这里的数值是一组可比较的起点，不是所有文章的最佳答案。

先阅读混排样文，再切换单一语言预览。观察中文标点是否挤在段落边缘，英文长词或链接是否拉宽容器。把同一段内容放进窄屏与宽屏，而不是用两段不同长度的文字比较。

一次只改变一个参数。觉得拥挤时，先试行高；标题过强时，再调整字号比例；眼睛难以找到下一行时，缩短行宽。行宽值使用 CSS 的 ch 单位，并不等于每行恰好有同样数量的汉字。

确认后导出 CSS，放进实际文章页面检查字体回退、两倍文字缩放与最长标题。保存这份配置时写下适用对象，例如“中英混排的短札记”，方便下一次选择。

Start with an 18-pixel base, a 1.25 scale, and a 1.75 line height. These values are a comparison point, not a universal optimum.

Read the mixed-language sample before switching to single-language views. Watch for crowded Chinese punctuation and long English words or links stretching the container. Compare the same passage at narrow and wide widths instead of changing the text between tests.

Change one parameter at a time. Try line height for crowded text, the scale for overbearing headings, and a narrower measure when finding the next line becomes difficult. The measure uses CSS ch units; it does not promise an identical number of Chinese characters per line.

Export the CSS and check it in an actual article, including font fallback, doubled text size, and the longest heading. When saving the configuration, describe its intended use—for example, “short notes with mixed Chinese and English”—so it is easier to choose next time.

编辑与导出 / Edit and export:
https://jqj.cc/junction/en/workbench.html?example=bilingual-reading

本站原创示范允许个人及商业项目使用和修改，不含字体授权。SVG 文字仍依赖设备字体；最终 PNG 请在工坊导出。
These original examples may be used and modified in personal and commercial projects. Font licenses are separate. SVG text uses device fonts; export final PNGs in the workshop.
