JQJ · Junction / 聚境

窄屏慢读 / Reading in a narrow column

本示范把行宽设为四十四 ch，基准字号十七像素，行高一点八。它用较小的标题比例建立平缓层级，适合拿来观察长段落在窄栏中的变化。

先放入包含括号、引号、数字和网址的样文。检查行首是否出现突兀的闭合标点，长网址是否溢出，标题是否只剩最后一个字单独占一行。不要为某一台手机的宽度插入大量手动换行。

接着把字体切换为衬线，并保持其他数值相同。若字面大小与密度变化明显，就重新调整行高；字体名称相同，也应留意目标设备有没有真正加载它。

导出后以真实页面为准：移动浏览器文字缩放、导航栏和实际内容都可能改变感受。与“对比度通过之后”一文配合，再检查链接、正文和提示文字各自的前景与背景。

This example uses a measure of 44 ch, a 17-pixel base, and a 1.8 line height. A modest heading scale creates a quieter hierarchy for examining long paragraphs in a narrow column.

Use a sample containing brackets, quotation marks, numbers, and URLs. Look for awkward closing punctuation at line starts, overflowing links, and a final heading character stranded on its own line. Avoid inserting manual breaks to fit one particular phone width.

Next, switch to a serif font while keeping the other values fixed. If the apparent size or density changes, revisit line height. A font name in the configuration does not prove that the target device has loaded that font.

Judge the exported style in the real page, where text zoom, navigation, and actual content also affect reading. Pair this exercise with “What to check after the contrast ratio” and inspect the foreground and background of body copy, links, and hints separately.

编辑与导出 / Edit and export:
https://jqj.cc/junction/workbench.html?example=narrow-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.
