Next.js 14自定义本地字体在Safari/iOS不生效但Chrome/Firefox正常

• 自定义本地字体在Chrome、Firefox等浏览器中正常显示，但在Safari及iOS设备的浏览器里完全不生效。
• 已严格按照Next.js 14文档推荐的最佳流程添加字体，怀疑问题与Apple WebKit渲染机制或Next.js的字体处理逻辑有关。
• 字体为Web兼容的WOFF格式，且在之前的静态HTML/CSS项目中可正常使用。
• 尝试过用原生@font-face替代Next.js的next/font方案，问题依旧存在。

更新：已确认问题源于Next.js的字体加载与优化逻辑对Safari的兼容性影响。放弃使用Next.js文档推荐的next/local/font方法，改用纯CSS覆盖字体后，字体在Safari/iOS中可正常显示。

欢迎有相关经验的开发者分享见解或补充其他可行解决方案。

内容的提问来源于stack exchange，提问作者Jordan S.B