Question

我的网站上有Font Awesome图标，它们在this url的Azure托管页面上运行良好。

但是，当DNS设置被重定向到我们的主网址时，图标根本不会显示并变成空白框。 Here's how it looks like now

我已经尝试过Wordpress支持，但他们无法弄清楚发生了什么。我不确定这是一个主题问题（使用的主题是Evolve）还是因为Font Awesome或Azure。寻找可以尝试的建议或提示。

谢谢！

Answer 1

“GET http://usmedit.azurewebsites.net/wp-content/themes/evolve/library/media/js/fontawesome/fonts/fontawesome-webfont.woff2?v=4.3.0”

请检查您的字体文件是否在正确的位置。

“来自源的字体已被阻止通过跨源资源共享策略加载：请求的资源上没有'Access-Control-Allow-Origin'标头。因此不允许原点'http://usmedicalit.com'访问。响应的HTTP状态代码为404.“

请参阅此帖子：Azure Cloud Service CDN字体CORS错误 - Azure Cloud Service CDN font CORS error

Answer 2

Azure CDN的重写配置

<rewrite>
    <outboundRules>
        <rule name="Set Access Control Allow Origin Header" preCondition="Origin header">
            <match serverVariable="RESPONSE_Access-Control-Allow-Origin" pattern="(.*)" />
            <action type="Rewrite" value="*" />
        </rule>
        <preConditions>
            <preCondition name="Origin header" logicalGrouping="MatchAll">
                <add input="{HTTP_ORIGIN}" pattern="(.+)" />
                <add input="{HTTP_X_ORIGINAL_URL}" pattern="^/cdn/(.*)$" />
            </preCondition>
        </preConditions>
    </outboundRules>
    <rules>
        <rule name="Rewrite CDN requests" stopProcessing="true">
            <match url="^cdn/(.*)$" />
            <action type="Rewrite" url="{R:1}" />
        </rule>
    </rules>
</rewrite>

URL重定向后，WordPress中没有显示字体真棒图标

2 个答案: