Samsung Internet Browser font-family失效，Palaniqun字体无法识别求助

1. 检查字体文件格式兼容性 #

Samsung Internet对字体格式的支持存在细微差异，确保你提供了多格式的字体文件作为 fallback：

• 优先提供.woff2（现代浏览器最优格式）和.woff（兼容性更广）
• 补充.ttf格式，部分旧版Samsung Internet对woff2的支持不够完善

示例@font-face配置代码：

@font-face {
  font-family: 'Palaniqun';
  src: url('palaniqun.woff2') format('woff2'),
       url('palaniqun.woff') format('woff'),
       url('palaniqun.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

2. 验证路径与CORS设置 #

• 确认字体文件的相对/绝对路径无误，避免因目录层级错误导致加载失败
• 若字体托管在CDN或外部域名，需确保服务器配置了CORS响应头，允许当前域名访问：
  服务器需返回Access-Control-Allow-Origin: *（或指定你的域名）

3. 清除缓存与重置浏览器设置 #

• 打开Samsung Internet，进入「设置→隐私和安全→清除浏览数据」，勾选「缓存文件」和「Cookie」后清除
• 尝试重置浏览器默认设置：「设置→高级→重置为默认设置」，排除自定义配置引发的冲突

4. 核对字体命名与CSS调用一致性 #

• 确保@font-face中的font-family名称和CSS中调用的完全一致（Samsung Internet对大小写、空格敏感）
• 避免使用特殊字符或非ASCII字符作为字体名称，改用简洁的英文标识

5. 排查字体加载状态 #

开启Samsung Internet开发者工具（设置→开发者工具），在控制台执行以下代码检查加载状态：

document.fonts.ready.then(() => {
  console.log('Palaniqun字体加载状态:', document.fonts.check('12px Palaniqun'));
});

• 返回false：说明字体未成功加载，需排查文件路径或格式问题
• 返回true：可能是CSS优先级或继承问题，检查是否有其他样式覆盖了字体设置

6. 针对Samsung Internet的特殊处理 #

部分版本的Samsung Internet对font-display属性支持不稳定，尝试移除或调整该属性：

@font-face {
  font-family: 'Palaniqun';
  src: url('palaniqun.woff2') format('woff2');
  /* 移除font-display: swap; 或改为auto */
  font-weight: normal;
  font-style: normal;
}

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