FontAwesome在Play Framework Firefox中加载但无法正常显示求助

我刚接触Play Framework和Scala，不过有Java开发基础。最近碰到个头疼的问题：FontAwesome字体图标只在Firefox里显示异常，Chrome完全正常。

下面是我的排查过程和相关信息：

• 最开始我直接复制粘贴FontAwesome的CDN链接引入，当时是可以正常显示的；后来因为需求要托管实际字体文件，就克隆了FontAwesome的代码仓库到项目中
• 简化后的项目目录结构：

  ├── app/
  ├── public/
  │   ├── fonts/
  │   │   ├── fontawesome-webfont.eot
  │   │   ├── fontawesome-webfont.svg
  │   │   ├── fontawesome-webfont.ttf
  │   │   ├── fontawesome-webfont.woff
  │   │   └── fontawesome-webfont.woff2
  │   └── css/
  │       └── font-awesome.min.css
  └── conf/
  

• 之前可正常运行的CDN引入代码片段：

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
  

• 我查过CORS相关的问题，但觉得本地测试场景下应该不会出现这个问题，而且两个浏览器用的是完全一致的HTML代码（部分冗余内容已省略）

有没有大佬能帮忙分析下Firefox这边的问题出在哪？

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