排除字体故障在WordPress上的Chrome中无法正常工作

时间:2016-05-15 01:35:46

标签: css wordpress apache .htaccess font-awesome

My Font Awesome图标正在Firefox和Safari中加载,但不会在Chrome中加载。

在清除浏览器缓存并重新启动/重新加载apache之前,我已将以下行添加到我的网络服务器的.htaccess文件中:

<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule> 
</FilesMatch>

这是检查告诉我的:

Font from origin 'https://www.portalpay.io' has been blocked from loading
by Cross-Origin Resource Sharing policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'https://portalpay.io' is therefore not allowed access.

我正在使用带有apache的Digital Ocean Ubuntu 12.04 droplet上运行的WordPress。我也尝试在htaccess中添加一些行,但这阻止了网站的加载。

1 个答案:

答案 0 :(得分:0)

  

我也试过在htaccess中添加一些行

你不需要这样做。

  来自https://www.portalpay.io的字体已被阻止加载   通过跨源资源共享政策:   No&#39; Access-Control-Allow-Origin&#39;标头出现在请求的资源上。   因此,不允许原始https://portalpay.io访问。

此处的问题只是您通过https://portalpay.io加载了您的网站,但之后尝试加载来自https://www.portalpay.io的字体 - 这些字体来源不同。

是的,发送带有字体资源响应的Access-Control-Allow-Origin标题会解决这个问题 - 但更简单的解决方案是从与网站本身相同的地址加载字体。

因此,请检查样式表或字体加载器,以确定它尝试从www地址请求字体的位置,并将其替换为非www版本。