同配置同服务器网站Windows Edge笔记本视图字体像素化问题求助

我们有多款CSS设置相同、部署在同一服务器的网站，其中一个网站在Windows Edge浏览器的笔记本视图下出现字体像素化问题，但其他同配置网站显示正常。我在自己设备和BrowserStack测试中都无法复现该问题。

问题截图：

相关代码 #

字体嵌入代码 #

/* Webfont: AkzidenzGroteskBQ-Reg */@font-face {
font-family: 'Akzidenz-GroteskBQ';
src: url('AkzidenzGroteskBQ-Reg.eot'); /* IE9 Compat Modes */
src: url('AkzidenzGroteskBQ-Reg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('AkzidenzGroteskBQ-Reg.woff') format('woff'), /* Modern Browsers */
     url('AkzidenzGroteskBQ-Reg.ttf') format('truetype'), /* Safari, Android, iOS */
     url('AkzidenzGroteskBQ-Reg.svg#AkzidenzGroteskBQ-Reg') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}

字体样式代码 #

font-family: 'Akzidenz-GroteskBQ', sans-serif; 
font-weight: 400; 
font-size: 16px; 
color: #000; 
line-height: 26px;
-moz-hyphens: auto;
hyphens: auto;
text-rendering: optimizeLegibility;

排查方向建议 #

• 检查该网站的字体文件完整性：对比其他正常网站的字体文件MD5值，确认是否存在文件损坏情况，虽然同服务器但不排除个别文件传输或存储异常。
• 验证用户端Edge渲染设置：指导用户关闭"硬件加速模式"后重启浏览器测试；同时检查系统ClearType设置，重置ClearType后再查看字体显示。
• 确认页面缩放比例：用户可能误设置非100%缩放，Edge在特定缩放比例下对部分字体易出现像素化，需确认页面缩放为100%。
• 排查局部CSS冲突：检查该网站是否存在局部样式覆盖，比如transform、filter或font-smooth类属性被意外添加，干扰字体渲染。
• 核对字体加载策略：确认该网站的字体加载时机、优先级是否与其他正常网站一致，异步加载的时机差异可能导致渲染异常。
• 检查Edge版本兼容性：确认用户使用的Edge版本，若为旧版本，指导更新到最新稳定版，排查是否为版本特定bug导致。

内容的提问来源于stack exchange，提问作者DieAndere