Azure CDNでホストされたフォントを提供する際のCORSエラー

Question

Azure CDNエンドポイントを使用してWebサイトをCDNで有効にしようとしています。

CSSとJavaScriptのリソースや画像については、うまく動作します。しかし何らかの理由で私たちのフォントにCORSエラーが発生します。

エラーがある：フォントに

アクセス 「http://[name].azureedge.net/-/design/[long-path]/icons.woff」で 原点から「http://[URL-to-testsite]」はCORSポリシーによってブロックされている：いいえ 「アクセス制御 - 許可原点」ヘッダが上に存在しますリクエストされた リソース。したがって、オリジン 'http://[URL-to-testsite]'は許可されません。

私たちはweb.configで、次のURL書き換えルールを挿入しようとしている：

<rewrite> 
    <outboundRules> 
    <rule name="Set Access-Control-Allow-Origin header"> 
     <match serverVariable="RESPONSE_Access-Control-Allow-Origin" pattern="(.*)" /> 
     <action type="Rewrite" value="*" /> 
    </rule> 
    </outboundRules> 
</rewrite> 

...しかし、残念ながら、それは全く何も変更しませんでした。

提案がありますか？

Answer 1

これは、フォントを返すハンドラでHttpHeader以下を追加して働いていた：

Response.AppendHeader("Access-Control-Allow-Origin", siteName); 

誰もがより良い/きれいソリューションを持っている場合、私はすべての耳をしています。