Chrome显示斯洛伐克语非英文字符为大写的问题及非换字体解决方案咨询

问题原因 #

Josefin Sans字体对斯洛伐克语带重音的字符（如ň、á）的字形设计存在特殊标记，Chrome的Blink渲染引擎与Firefox的Gecko引擎对字体OpenType特性的解析逻辑不同——Chrome误触发了字体里的**小型大写字母（Small Caps）**特性，导致这些字符显示为大写，而Firefox未触发该特性，所以显示正常。

无需更换字体的解决方案 #

1. 强制关闭字体小型大写特性 #

通过CSS明确禁用字体的大写变体特性，覆盖浏览器默认解析：

/* 全局生效 */
body {
  font-variant-caps: normal;
  font-variant: normal;
}

/* 针对异常文本单独设置 */
.slovak-content {
  font-family: "Josefin Sans", sans-serif;
  font-variant-caps: normal !important;
}

2. 确保加载完整字符集的字体版本 #

如果是从Google Fonts加载Josefin Sans，需指定latin-ext子集，确保包含斯洛伐克语所需的扩展拉丁字符：

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Josefin+Sans&subset=latin-ext">

3. 禁用不必要的字体连字特性 #

部分字体的连字特性可能干扰字符渲染，可一并关闭：

body {
  font-variant-ligatures: none;
}

浏览器显示对比 #

• Firefox正常显示效果：
  
• Chrome异常显示效果：
  

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