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中添加一些行,但这阻止了网站的加载。
答案 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版本。