Question

我在尝试加载字体真棒字体时面临访问控制原点问题。这是Chrome浏览器控制台中记录的错误消息。

function filter_var($url, FILTER_VALIDATE_URL)

我已经更新了apache2服务器httpd.conf并启用了标题。

Access to Font at 'https://example.com/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0' from origin 'https://example2.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://example2.com' is therefore not allowed access.

我也尝试使用.htaccess文件进行相同的设置，但结果是一样的。这有点奇怪，因为我只针对 woff2 文件扩展名来解决这个问题。

Answer 1

如何使用服务器脚本而不是物理字体文件

<style type="text/css">
@font-face {
    font-family: 'OpenSans';
    src: url('path/to/fonts.php') format('woff2');
}
html, body{
    font: normal 16px OpenSans, sans-serif;
}
</style>

如何使用PHP修复跨域@ font-face问题

<?php
// fonts.php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/font-woff2");
echo @file_get_contents("path/fontawesome-webfont.woff2");
?>

Reference

Apache Access Control允许woff2文件类型的Origin问题

1 个答案: