4

我有一个通过我的 GitHub 拉文件的 Netlify CDN，除了加载字体之外，一切似乎都运行良好。我对 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，但不知道还有谁是可靠的。

4

2 回答 2

8

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 站点的根目录中。路径也需要有效，以上只是一个示例。

于 2018-01-07T21:23:28.103 回答
1

根目录中的文件_headers可用于根据文档https://www.netlify.com/docs/headers-and-basic-auth/配置标头。

以下示例演示了如何/assets/fonts/从任何来源授予目录及其子目录中的所有 ttf 和 woff 字体。

# Custom Netlify Headers
# https://www.netlify.com/docs/headers-and-basic-auth/

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

/assets/fonts/*.ttf
  Access-Control-Allow-Origin: *
  Content-Type: application/font-ttf
于 2018-03-16T22:25:04.810 回答