高分屏（2K/4K）笔记本上网页字体发虚、边缘毛糙，是显示缩放与渲染策略配合出问题。原因通常有三类：系统 DPI 缩放非整数倍、浏览器缩放比例不适配、以及字体渲染技术选择（ClearType/子像素与平滑字体）。本文给出对应解法。

一、Windows：先把缩放调对

1. 设置 → 系统 → 屏幕 → 缩放与布局：优先选择"推荐"值（150%、200%）。自定义 175%、125% 之类非整数倍缩放，是文字发虚的头号原因——位图放大后必然模糊。
2. 如果必须用自定义缩放，试试把缩放设为整数倍 + 用系统"文本大小"单独放大，位图渲染路径不同，更清晰。
3. 运行 cttune.exe 走一遍 ClearType 调谐向导：选与你显示器最匹配的一串样本。这一步对发虚改善明显，很多人从未做过。
4. 检查显卡缩放：Intel/NVIDIA 控制面板里把缩放模式设为"由显示器/GPU 全屏缩放"，避免拉伸模糊。

二、浏览器自身缩放

• Ctrl+0 先把缩放复位到 100%，再看是否还模糊。100% 清晰、90%/110% 发虚，说明是缩放后的重新栅格化造成。
• Chrome 硬件加速：设置 → 系统 → 关闭"使用硬件加速"后重启浏览器测试。部分集显驱动在缩放下渲染字体边缘会变软；反之也有人开启后更清晰，需要实测。
• 地址栏 chrome://flags 中 Force GPU rasterization、Prefer ANGLE 可尝试切换，但生产环境不建议长期改 flag。

三、开发者侧：CSS 写法直接影响清晰度

html { -webkit-text-size-adjust: 100%; }        /* 防止移动端字号被自动改 */
body {
  font-family: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;           /* macOS 灰度平滑 */
}
img, svg { shape-rendering: geometricPrecision; }

/* 关键：不要让字号落在亚像素区间 */
.small { font-size: max(12px, .8rem); }

四条经验：

1. 别用 transform: scale() 缩放文字。它是位图变换，必然模糊；要缩放用 font-size。
2. 字号尽量是整数像素，避免 font-size: 13.33px、0.8333em 之类的小数渲染。
3. 慎用 text-shadow 与 -webkit-text-stroke，它们会让文字看起来"糊"。
4. 字体子集化与 font-display：Web Font 加载中回退系统字体，会有一瞬间字号宽度变化（FOUT）显得"不清爽"，用 font-display: swap + 与系统字体度量相近的 web font（size-adjust）可缓解。

四、其他系统与设备

• macOS：苹方渲染偏细，可在"系统设置 → 外观"里把文字设为加粗；关闭"LCD 字体平滑"对非 Retina 外接屏更清晰。
• Linux：桌面环境的字体Hinting设为"完全/轻微"、抗锯齿选 RGBA 次像素或灰度，视显示器而定。
• 电视/显示器做电脑屏：务必开启"点对点(Just Scan/1:1)"模式，否则超采样缩放会让文字全线发虚——这是把电视当显示器最常见的问题。

五、排查顺序（从快到慢）

1. 浏览器 Ctrl+0 复位 → 是否清晰？
2. 系统缩放改回推荐整数倍 → 是否清晰？
3. 跑一次 ClearType 调谐 → 是否改善？
4. 关闭浏览器硬件加速重启 → 是否改善？
5. 打开记事本/Word 看文字是否也虚？虚 → 显示器/缩放问题；不虚 → 浏览器渲染问题。
6. 换一台显示器或分辨率验证，排除面板与线材（劣质 HDMI 在 4K60 下也可能出现细节劣化，可换高版本高速线）。

六、常见问题 FAQ

问：只有某个网站发虚，别处正常？
答：多半是该站 Web Font 或小数字号问题，属站点渲染策略，用户端可强制默认字体（Chrome 设置 → 外观 → 自定义字体 → 把衬线/无衬线设为系统字体）。

问：截图给别人看却是清晰的？
答：截图是矢量重新栅格化的结果，屏幕观感受缩放与面板影响，说明问题在显示环节而非网页本身。

问：改缩放后某些网页版式乱了？
答：非整数 DPI 下个别老页面会错位，属兼容性问题，可对该浏览器单设兼容性缩放（右键 → 属性 → 兼容性 → 更改高 DPI 设置 → override 缩放）。

要点：先分诊（记事本对比）→ 系统缩放用整数倍 → ClearType 调谐 → 浏览器缩放复位与硬件加速开关 → 开发者用 font-size 而非 transform scale、字号取整、慎用阴影描边。电视当显示器时记得开点对点模式。

• 字体渲染
• DPI
• 显示设置