Font awesome 字体很棒字体(woff)未通过Netlify CDN加载

Font awesome 字体很棒字体(woff)未通过Netlify CDN加载,font-awesome,webfonts,netlify,Font Awesome,Webfonts,Netlify,我有一个Netlify CDN通过我的GitHub拉文件,看起来一切都很好,除了加载字体。我是CDN的新手,但一直在研究和学习 但是。。。我花了4个小时研究如何启用它,我在他们的文档或其他有类似问题的人中唯一能找到的是,我需要在根目录中创建一个_头文件,但他们没有指定与字体有关的任何内容。他们只是告诉我这个示例代码 网站链接: 示例标题: ## A path: /templates/index.html # Headers for that path: X-Frame-Options:

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

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

网站链接:

示例标题:

## 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,但不确定还有谁是可靠的

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

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

/*.woff
访问控制允许来源:*
内容类型:应用程序/font woff
使用测试有效的标题,您在配置中的设置将是:

netlify.toml

[[headers]]
for=“/*.woff”
[标题.值]
访问控制允许原点=“*”
Content Type=“应用程序/font-woff”
netlify.toml
文件存在于netlify上站点的根目录下。
路径也必须有效,以上只是一个示例。

根目录中的文件
\u headers
可用于根据文档配置头

以下示例演示如何从任何来源访问目录
/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

顺便说一句,我使用这个CDN只是纯粹承载静态js、css和文件。你有CORS问题还是mime类型?Talves非常感谢你回复我。是的,从我收集的资料来看,我有CORs问题。我已经能够通过另一个主机设置一个“CDN”,只需调用和设置文件,并允许通过htaccess进行访问控制,但我无法通过netlify找到任何内容,我一定会尝试您的解决方案。到目前为止,我已经做到了这一点,如果我想添加另一种字体,我是用逗号分隔行还是复制所有三行?[/*.woff访问控制允许来源:assets/vendor/font awesome/fonts/fontawesome webfont.ttf?v=4.7.0内容类型:application/font woff]实际上,在我上传之前,我认为我误解了我应该放在哪里。Lol.URL首先用于字体,然后需要允许ACAO站点使用CDN.Right。这些设置都是有效的头设置,因此您应该遵循http头的规范。这些工具只是帮助您以正确的方式在配置文件中设置它们。。要不要看看我做得对不对?我尝试过使用和不使用完整的url路径。