Azure CDN上ttf字体文件的CORS错误

我有一个使用Verizon Premium SKU创建的CDN。当涉及到我获得的字体时，“来源”已被CORS策略阻止：请求的资源上不存在“访问控制允许来源”标题“

然而，我一直在关注这个医生，却没有运气

但是，如果我转到我的（是的，我有一个自定义域并启用了https），那么页面加载不会出现任何问题

下面是我根据上面的文档创建的规则中的XML

 <rules schema-version="2" rulesetversion="6" rulesetid="945266" xmlns="http://www.whitecdn.com/schemas/rules/2.0/rulesSchema.xsd">
  <rule id="1823263" platform="http-large" status="active" version="3" custid="A76A4">
    <!--Changed by userId: 952 on 02/25/2019 03:45:01 PM GMT-->
    <!--Changed by xxx@cdn.windowsazure.com on 02/25/2019 03:25:23 PM GMT from IP: xxx.xxx.xxx.xxx-->
    <description>Wildcard</description>
    <!--If-->
    <match.request-header.wildcard name="Origin" result="match" value="Https://myFQDN.com" ignore-case="true">
      <feature.set-request-header action="set" key="Access-Control-Allow-Origin" value="*" />
      <feature.set-request-header action="set" key="Access-Control-Allow-Headers" value="*" />
      <feature.set-request-header action="set" key="Access-Control-Allow-Methods" value="GET, HEAD, OPTIONS" />
      <feature.set-request-header action="set" key="Access-Control-Expose-Headers" value="*" />
    </match.request-header.wildcard>
  </rule>
</rules>

通配符

---

谢谢你的帮助

我在博客中也遇到了这个问题。除字体和图标外，所有文件都是从CDN加载的。我必须做两件事。一个是允许Azure web app中的所有源代码，另一个是通过编辑

web.config

在IIS中配置文件

只需登录到Azure门户，然后转到Azure web应用程序。单击API下的CORS菜单，并*作为允许的原点

默认情况下，Azure应用程序服务中的IIS不提供扩展名为.woff2、.woff和.ttf的文件。这就是CORS问题的原因。我们将在system.webServer标记中添加这些配置，该标记是配置标记的子标记

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
     <staticContent>
      <mimeMap fileExtension="woff" mimeType="application/font-woff" />
      <mimeMap fileExtension="woff2" mimeType="application/font-woff2" />
      <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".ttc" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".otf" mimeType="application/octet-stream" />
    </staticContent>
  </system.webServer>
</configuration>

---

您还可以通过添加名为“启用静态Web字体”的扩展名来实现这一点。我写了一篇详细的博客，你有什么发现吗？