Sassoon字体样式集9在Chrome中失效问题求助

• 将font-feature-settings从@font-face规则中移至使用该字体的元素选择器中，同时添加Chrome的私有前缀（提升兼容性）：

  @font-face {
      font-family: 'SassoonInfantRegularWebFont';
      src: url('static/fonts/SassoonKit/webFonts/SassoonInfantRegular/font.woff2') format('woff2'),
           url('static/fonts/SassoonKit/webFonts/SassoonInfantRegular/font.woff') format('woff');
  }
  
  /* 给目标元素设置字体特性 */
  .target-text {
      font-family: 'SassoonInfantRegularWebFont', sans-serif;
      -webkit-font-feature-settings: "ss09", "liga" off;
      font-feature-settings: "ss09", "liga" off;
  }
  

  部分浏览器对@font-face内的font-feature-settings支持存在优先级或兼容性问题，移至元素样式中更可靠。

• 验证字体文件完整性：用FontForge等工具打开WOFF2/WOFF文件，确认其中确实包含ss09样式集。部分字体打包时可能遗漏特定特性，或不同格式的字体文件特性支持不一致。

• 升级Chrome至最新稳定版：旧版Chrome对OpenType特性的支持不完善，更新后重试。

• 修正引号写法：将代码中转义的"替换为直接的双引号或单引号，避免转义字符可能导致的解析问题。

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