validator.w3.org/nu近期报CSS unicode-range值过多或无法识别错误

你遇到的是W3C Nu校验器近期版本更新引入的回归故障，你的CSS代码本身没有语法错误，不存在不符合规范的问题。

具体原因 #

• 你编写的unicode-range取值完全符合CSS Fonts模块的官方规范，上周相同配置可以正常通过校验就是直接证明
• 近期Nu校验器的CSS校验组件更新后，unicode-range的码点识别逻辑出现bug，会对短位数的Unicode码点写法产生误判，不是你的取值数量过多导致的报错，这也是你删除后9个取值依然报错的核心原因——误判针对的是列表里的短码点（比如U+A、U+20这类省略了前导零的短格式写法），和你删除的那几个高位码点无关
• 目前已有大量开发者提交了相同的问题反馈，校验器开发团队已经在跟进修复，后续版本更新后就会恢复正常校验

临时兼容方案 #

如果需要临时通过校验，可以把所有不足4位的Unicode码点补全前导零到4位，修改后的代码示例如下：

@font-face {
  font-family: 'ManropeVariable';
  src: url('/assets/css/src/fonts/Manrope-wght-subset.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  /* Minimal english subset + U+5A for letter Z */
  unicode-range: U+000A,U+0020,U+0022,U+0025-0029,U+002B-003E,U+0041-0059,U+005A,U+0061-007A,U+00F3,U+03A4,U+2014,U+2019,U+201C,U+201D,U+2020,U+2021,U+2026,U+20AC,U+2190;
}

@font-face {
    font-family: 'EB GaramondVariable';
    src: url("/assets/css/src/fonts/eb-garamond-latin-variable-wghtOnly-normal-subset.woff2") format('woff2');
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    /* Minimal english subset */
    unicode-range: U+000A,U+0020,U+0022,U+0025-0029,U+002B-003E,U+0041-0059,U+0061-007A,U+00F3,U+03A4,U+2014,U+2019,U+201C,U+201D,U+2020,U+2021,U+2026,U+20AC,U+2190;
}

@font-face {
    font-family: 'EB GaramondVariable';
    src: url("/assets/css/src/fonts/eb-garamond-latin-variable-wghtOnly-italic-subset.woff2") format('woff2');
    font-style: italic;
    font-weight: 400 800;
    font-display: swap;
    /* Minimal english subset */
    unicode-range: U+000A,U+0020,U+0022,U+0025-0029,U+002B-003E,U+0041-0059,U+0061-007A,U+00F3,U+03A4,U+2014,U+2019,U+201C,U+201D,U+2020,U+2021,U+2026,U+20AC,U+2190;
}

补全前导零的写法同样完全符合规范，所有现代浏览器都能正常识别，不会影响实际的字体加载和显示效果。如果不需要强制通过校验，也可以直接忽略该报错，等校验器修复后就会自动恢复正常。

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