firebase - Firebase 托管的字体总是返回 404

Question

我在静态 firebase（角度）应用程序中有一些字体文件。我正在使用似乎是有效的应用程序结构：

./firebase.json 

./dist/(all of my app)

我的字体位于 dist 文件夹中：

./dist/path/to/fonts/font.woff

...在本地，该应用程序按预期工作，但部署时，响应始终为 404。我认为它是：

1.) firebase deploy 忽略这些文件

2.) CORS 问题？

这是我的 firebase.json 文件的示例：

{
  "firebase": "my-firebase-app",
  "public": "dist",
  "ignore": [
    "firebase.json",
    "**/node_modules/*"
  ],
  "headers": [ {
    "source" : "**/*.@(eot|otf|ttf|ttc|woff|font.css)",
    "headers" : [ {
      "key" : "Access-Control-Allow-Origin",
      "value" : "*"
    } ]
  } ]
}

有没有人有任何想法？

Answer 1

我想到了。

不确定这是错误还是我遗漏的东西，但原始字体文件被命名为Foo-webfont.woff。一时兴起（阅读：绝望），我决定将它们重命名为 foo.woff，瞧，我们有字体了。

Answer 2

我发现我的 PC 和 MAC 上的字体文件名称不区分大小写，但是当我进行 firebase 部署时——仅托管存在问题。确保您的字体 css 中的文件名正确。

   `@font-face {
       font-family: 'sfuitext-bold';
         src: url('#{$fontsPath}/SFUIText-Semibold.ttf') format("truetype");
       font-weight: normal;
       font-style: normal;
   }`