Apple 官网排版细节鉴赏
内容提要
Apple 官网排版注重细节：定制 SF Pro SC 字体，缩小汉字并收窄全角标点以优化中英混排；用 nowrap 避免孤立行与词语断行，并做响应式换行；标题居中时校正标点视觉偏移；中英文间加空格；文案本地化并规避敏感日期。这些细节体现其严谨的职业态度与品牌价值。
延伸解读
定制字体背后的视觉平衡逻辑
Apple 为简体中文官网定制了非公开的 SF Pro SC 字体，其汉字字型比苹方更小，全角标点宽度收窄至字宽的 0.5～0.6 倍。这并非随意调整，而是针对中英文混排的视觉校正：西文字体通常显得更小，缩小汉字能让两者视觉大小更协调；收窄标点则避免大字号标题中标点造成过大的视觉空隙。这种在字体层面解决问题的思路，比单纯调整字号或间距更彻底。
换行控制中的响应式与防断词策略
Apple 官网通过 nowrap 包裹和显式 <br> 标签，精细控制不同屏幕宽度下的换行效果。例如，用 nowrap 保护段落末尾词语避免孤立行，或防止「伙伴」「教育」等词在特定容器宽度下被自动换行打断。产品名如 iPhone 18 Pro Max 使用不换行空格保持完整。这些做法需要预判多种容器宽度下的渲染结果，体现了对排版细节的极致追求。
标点视觉校正与中英空距的工程实现
中文全角标点主体偏左下，居中标题会视觉偏左，Apple 采用绝对定位、额外 padding 或负 margin 的不可见 span 等方式右移约 0.5em 进行校正。中英文之间则统一加入空格，这属于文案规范，需人工处理，偶尔会有遗漏。这些细节虽小，却直接影响阅读体验，也反映出 Web 排版在自动化和标准化上的不足。
本地化中的敏感日期规避
文章提到，Apple 中国大陆官网曾将「9 月 18 日发售」改为「本月 18 日发售」，以规避政治敏感风险，而其他普通日期未作处理。这属于文案本地化的特殊案例，说明跨国品牌在进入不同市场时，除了语言翻译，还需考虑当地文化、历史和政治语境，避免因日期等细节引发争议。这种处理方式虽不涉及技术，却是品牌本地化成熟度的体现。
Q&A
Apple 官网为什么使用 SF Pro SC 字体而不是直接使用苹方？
SF Pro SC 是 Apple 为简体中文 Web 官网定制的非公开字体，只包含汉字和部分标点，字型基于苹方但做了微调：汉字更小、全角标点更窄，目的是优化中英文混排的视觉效果。
Apple 官网如何避免段落出现孤立行？
Apple 用 nowrap 的 span 包裹段落最后一个词，防止它被换行到新的一行，从而避免孤立行。
Apple 官网怎样处理中英文之间的空格？
Apple 在文案中手动在中英文之间加入空格，作为文案规范。因为 Web 平台直到近两年才普及 text-autospace: normal，所以 Apple 采用人工加空格的方式。
Apple 官网的标题居中时如何校正标点造成的视觉偏移？
Apple 使用至少三种方法：用 position absolute 的 span 包裹行末标点；给整个标题左侧增加 0.5em 的 padding；在标点后加入 margin-right 为 -0.6rem 的不可见 span。
Apple 官网如何实现响应式换行控制？
Apple 在 HTML 中插入类似 <br class="small"> 的换行符，只在特定屏幕尺寸下换行，从而控制短标题在不同设备上的显示效果。
Apple 官网在文案本地化方面有什么特别之处？
Apple 会规避政治敏感日期，例如将 9 月 18 日发售改为本月 18 日发售，其他普通日期则不做处理。
