Font-Awesome字体(woff)无法通过Netlify CDN加载

Question

我有一个Netlify CDN通过我的GitHub拉文件,除了加载字体外,一切看起来都很好.我对CDN很新,但一直在研究和学习很多东西.

但是......我花了4个小时研究如何启用它,我在他们的文档或其他有类似问题的人身上找到的唯一的东西就是我需要在根目录中创建一个_header文件,但是他们没有不指定与字体有关的任何内容.他们只是告诉我这个示例代码.

网站链接:https: //www.netlify.com/docs/headers-and-basic-auth/

示例标题:

## A path:
/templates/index.html
  # Headers for that path:
  X-Frame-Options: DENY
  X-XSS-Protection: 1; mode=block
/templates/index2.html
  X-Frame-Options: SAMEORIGIN

有人对这个有经验么？我即将找到一个新的CDN,但不确定还有谁可靠.

Answer 1

Netlify允许您使用netlify.toml文件中的结构化配置在页面中设置标题.

要为woff内容类型添加标头,您需要一个等效于的标头:

/*.woff
    Access-Control-Allow-Origin: *
    Content-Type: application/font-woff

使用Netlify工具测试有效标头,配置中的设置将是:

netlify.toml

[[headers]]
  for = "/*.woff"
  [headers.values]
    Access-Control-Allow-Origin = "*"
    Content-Type = "application/font-woff"

该netlify.toml文件存在于Netlify上的站点根目录中.路径也需要有效,上面只是一个例子.